.kb-face{position:relative;display:inline-grid;flex:none;place-items:center;border-radius:var(--kb-radius-sm);background:color-mix(in srgb,var(--color-primary) 16%,var(--color-base-100));color:var(--color-primary);font-weight:600;line-height:1;vertical-align:middle;user-select:none}.kb-face>img:first-child{display:block;width:100%;height:100%;border-radius:inherit;image-rendering:pixelated}.kb-face-busy{position:absolute;top:-22%;right:-24%;width:56%;height:auto;image-rendering:pixelated;pointer-events:none;animation:kb-face-busy .6s steps(1) infinite}@keyframes kb-face-busy{50%{transform:translateY(-12%)}}@media(prefers-reduced-motion:reduce){.kb-face-busy{animation:none}}.kb-person{display:inline-flex;align-items:center;gap:5px;min-width:0;vertical-align:middle}.kb-character-picker{display:flex;flex-direction:column;gap:10px;min-width:0}.kb-character-current{display:flex;align-items:center;gap:14px}.kb-character-stage{display:grid;flex:none;place-items:end center;width:104px;height:72px;padding-bottom:4px;border-radius:var(--kb-radius-xl);background:var(--doc-subtle)}.kb-character-sprite{image-rendering:pixelated}.kb-character-name{display:flex;flex-direction:column;gap:2px;min-width:0}.kb-character-name>span{color:var(--doc-muted);font-size:12px}.kb-character-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.kb-character-tools>.input{flex:1;min-width:140px}.kb-character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;max-height:232px;padding:4px;overflow-y:auto;border:1px solid var(--doc-border);border-radius:var(--kb-radius-lg)}.kb-character-option{display:grid;place-items:center;height:44px;padding:0;border:2px solid transparent;border-radius:var(--kb-radius-md);background:none;cursor:pointer}.kb-character-option:hover{background:var(--doc-subtle)}.kb-character-option[aria-checked=true]{border-color:var(--color-primary)}.kb-character-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.kb-character-empty{grid-column:1 / -1;margin:8px;color:var(--doc-muted);font-size:13px}.kb-code-viewer{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.kb-code-viewer .cm-editor{flex:1;min-height:0}.kb-code-fallback{flex:1;min-height:0;margin:0;overflow:auto;padding:10px 16px;background:var(--doc-bg);color:var(--doc-fg);font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,D2Coding,monospace;white-space:pre}.kb-code-files{display:flex;flex:1;flex-direction:column;min-height:0}.kb-code-tabs{display:flex;flex:none;gap:2px;overflow-x:auto;padding:6px 8px 0;border-bottom:1px solid var(--doc-border);background:var(--doc-subtle);scrollbar-width:thin}.kb-code-tab{flex:none;max-width:240px;overflow:hidden;padding:5px 10px;border:1px solid transparent;border-bottom:0;border-radius:var(--kb-radius-sm) var(--kb-radius-sm) 0 0;background:transparent;color:var(--doc-muted);font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,D2Coding,monospace;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.kb-code-tab:hover{color:var(--doc-fg);background:var(--doc-hover)}.kb-code-tab[aria-selected=true]{border-color:var(--doc-border);background:var(--doc-bg);color:var(--doc-fg)}.kb-code-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.kb-app-live-code.kb-code-host{display:flex;flex-direction:column;overflow:hidden;padding:0;background:var(--doc-bg);white-space:normal}.kb-app-code-body{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;border:1px solid var(--doc-border);border-radius:var(--kb-radius-md)}