:root{--color-bg: #f5ead8;--color-surface: #ebddc5;--color-text: #201e1d;--color-accent: #c67139;--color-divider: color-mix(in srgb, #201e1d 16%, transparent);--color-neutral-100: #f9f4ed;--color-neutral-200: #eee7db;--color-neutral-300: #dcd3c4;--color-neutral-400: #c0b6a5;--color-neutral-600: #82796a;--color-neutral-700: #645c50;--color-neutral-800: #474238;--color-neutral-900: #2e2b25;--color-accent-100: #fff2eb;--color-accent-200: #ffe1d0;--color-accent-300: #ffc6a5;--color-accent-400: #f6a06b;--color-accent-600: #b2622d;--color-accent-700: #8c491a;--color-accent-800: #643312;--color-accent-2-100: #f0fae1;--color-accent-2-200: #e1eecc;--color-accent-2-400: #aebf92;--color-accent-2-600: #728157;--color-accent-2-700: #56633f;--color-accent-2-800: #3d472b;--stage-bg: #16140f;--stage-panel: #211d16;--stage-line: #3a3327;--stage-text: #f0e7d6;--font-heading: "Caprasimo", Georgia, serif;--font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sm: 8px;--radius-md: 16px;--shadow-sm: 0 1px 2px color-mix(in srgb, #2e2b25 14%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2e2b25 22%, transparent)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:14px}#app{display:flex;height:100vh}#stage-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:var(--stage-bg);min-width:0}#first-run{position:absolute;inset:0;background:color-mix(in srgb,var(--stage-bg) 92%,transparent);display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:auto}#first-run[hidden]{display:none}.first-run-card{background:var(--stage-panel);border:1px solid var(--stage-line);border-radius:22px;padding:24px 28px;max-width:460px;color:var(--stage-text);line-height:1.5;box-shadow:0 12px 40px #0000008c}.first-run-card h3{margin:0 0 12px;font-family:var(--font-heading);font-weight:400;font-size:20px}.first-run-card ol{margin:8px 0 12px 20px;padding:0}.first-run-card button{background:var(--color-accent);color:var(--color-bg);border:1px solid transparent;border-radius:999px;padding:7px 16px;font-family:var(--font-heading);cursor:pointer;margin-right:8px}.first-run-card button:hover{background:var(--color-accent-600)}.first-run-card button.muted{background:transparent;color:var(--color-accent-300);border-color:var(--stage-line)}.first-run-card button.muted:hover{background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--stage-text)}#stage{max-width:100%;max-height:100%;object-fit:contain}body.source-obs #panel{display:none}body.source-obs #stage-wrap{flex:1;width:100vw}body.source-obs #stage{max-width:100%;max-height:100%}#banner{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--color-accent);color:var(--color-bg);padding:6px 14px;border-radius:999px;font-size:13px;max-width:80%}#overlay{position:absolute;inset:0;pointer-events:none}#sel-outline{position:absolute;border:2px dashed var(--color-accent-400);box-sizing:border-box;pointer-events:auto;cursor:move;display:none}#sel-outline.visible{display:block}.handle{position:absolute;width:14px;height:14px;background:var(--color-accent-400);border:2px solid var(--stage-bg);box-sizing:border-box;border-radius:4px;pointer-events:auto}.handle.tl{top:-7px;left:-7px;cursor:nwse-resize}.handle.tr{top:-7px;right:-7px;cursor:nesw-resize}.handle.bl{bottom:-7px;left:-7px;cursor:nesw-resize}.handle.br{bottom:-7px;right:-7px;cursor:nwse-resize}.slot.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 35%,transparent)}#calib-marker{position:absolute;width:0;height:0;pointer-events:none}#calib-marker .ring{position:absolute;left:-28px;top:-28px;width:56px;height:56px;border:2px solid #e2564a;border-radius:50%;box-sizing:border-box;opacity:.85}#calib-marker .cross{position:absolute;left:-16px;top:-1px;width:32px;height:2px;background:#e2564a}#calib-marker .cross:after{content:"";position:absolute;left:15px;top:-15px;width:2px;height:32px;background:#e2564a}#panel{width:300px;padding:16px;overflow-y:auto;overflow-x:hidden;background:var(--color-bg);border-left:1px solid var(--color-divider);flex-shrink:0}#panel h1{font-family:var(--font-heading);font-weight:400;font-size:19px;letter-spacing:-.015em;margin:0 0 10px}#panel h2{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-2-700);margin:18px 0 8px}.row{display:flex;align-items:center;gap:8px;margin:8px 0}.row input[type=range]{flex:1;accent-color:var(--color-accent)}.row input[type=checkbox]{accent-color:var(--color-accent)}.muted{color:var(--color-neutral-600)}.tiny{font-size:12px;line-height:1.45}.s-validation{margin-top:7px;padding:7px 9px;border-radius:var(--radius-sm);background:var(--color-accent-2-100);color:var(--color-accent-2-800);border:1px solid color-mix(in srgb,var(--color-accent-2-400) 55%,transparent)}.s-validation.warning{background:var(--color-accent-100);color:var(--color-accent-800);border:1px solid color-mix(in srgb,var(--color-accent) 40%,transparent)}.s-skin-preview{margin:8px 0 0;padding:7px;border-radius:var(--radius-sm);background:var(--color-neutral-100);border:1px solid var(--color-divider)}.s-skin-preview figcaption{margin-bottom:5px;color:var(--color-neutral-600);font-size:11px}.s-skin-preview canvas{display:block;width:100%;height:auto;border-radius:5px}.slot{border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:8px;background:var(--color-surface)}.slot .row{margin:6px 0 0;flex-wrap:wrap}.slot .s-mode{flex:0 0 82px}.slot .s-sample{min-width:92px;flex:1 1 92px}.slot select,#camera,#mic,#add-slot{flex:1;background:var(--color-neutral-100);color:var(--color-text);border:1px solid var(--color-divider);border-radius:999px;padding:5px 10px;font:inherit;font-size:13px}#add-slot{min-width:0}.slot select:focus-visible,#camera:focus-visible,#mic:focus-visible,#add-slot:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.file-btn{cursor:pointer;border:1px solid var(--color-divider);border-radius:999px;padding:5px 12px;background:var(--color-neutral-100);color:var(--color-neutral-800);font-family:var(--font-heading);font-size:12px}.file-btn:hover{border-color:var(--color-accent);color:var(--color-accent-700)}.clear-btn{background:var(--color-neutral-100);color:var(--color-neutral-700);border:1px solid var(--color-divider);border-radius:999px;padding:4px 12px;cursor:pointer;font-size:12px}.clear-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-700)}.clear-btn:disabled{opacity:.4;cursor:not-allowed}.remove-btn{flex:0 0 auto;width:26px;height:26px;padding:0;border:1px solid color-mix(in srgb,#b3261e 30%,transparent);border-radius:999px;background:color-mix(in srgb,#b3261e 8%,transparent);color:#8c2b22;cursor:pointer;font-size:17px;line-height:1}.remove-btn:hover{border-color:#b3261e;background:color-mix(in srgb,#b3261e 16%,transparent)}.add-slot-row{align-items:stretch}.compliance-status{margin-top:.55rem;padding:.55rem .65rem;border:1px solid color-mix(in srgb,var(--color-accent-2-400) 55%,transparent);border-radius:var(--radius-sm);background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.verbal-prompt{margin-top:.55rem;padding:.65rem;border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent-100);color:var(--color-accent-800);font-size:.78rem;line-height:1.4}.bid-form{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:6px}.bid-form input,.bid-form button{min-width:0;border:1px solid var(--color-divider);border-radius:999px;background:var(--color-neutral-100);color:var(--color-text);padding:6px 10px;font:inherit;font-size:13px}.bid-form label{display:flex;align-items:center;gap:3px}.bid-form label input{width:100%}.bid-form button{grid-column:1 / -1;cursor:pointer;background:var(--color-accent);color:var(--color-bg);border-color:transparent;font-family:var(--font-heading)}.bid-form button:hover{background:var(--color-accent-600)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 10px}.actions button{background:var(--color-neutral-100);color:var(--color-text);border:1px solid var(--color-divider);border-radius:999px;padding:7px 14px;font-family:var(--font-heading);cursor:pointer}.actions button:hover{border-color:var(--color-accent);color:var(--color-accent-700)}.actions button.recording{background:#b3261e;border-color:#b3261e;color:#fff}code{background:var(--color-neutral-200);padding:1px 6px;border-radius:5px;font-size:12px}a{color:var(--color-accent-700)}#showcase-dialog{width:min(960px,calc(100vw - 24px));max-width:none;padding:0;color:var(--stage-text);background:var(--stage-panel);border:1px solid var(--stage-line);border-radius:22px;box-shadow:0 24px 90px #000000b3}#showcase-dialog::backdrop{background:#201e1db8;backdrop-filter:blur(4px)}.showcase-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border-bottom:1px solid var(--stage-line)}.showcase-header h2,.showcase-header p{margin:0}.showcase-header h2{font-family:var(--font-heading);font-weight:400}.showcase-header p,.showcase-note{color:var(--color-accent-2-400);font-size:12px}#showcase-close{width:38px;height:38px;border:1px solid var(--stage-line);border-radius:50%;color:var(--stage-text);background:color-mix(in srgb,var(--stage-bg) 70%,transparent);font-size:24px;cursor:pointer}#showcase-close:hover{border-color:var(--color-accent);color:var(--color-accent-300)}#showcase-view{min-height:min(600px,65vh);display:grid;place-items:center;overflow:hidden;background:var(--stage-bg)}#showcase-view canvas{display:block;width:100%;height:auto;max-height:65vh;touch-action:none;cursor:grab}#showcase-view canvas:active{cursor:grabbing}.showcase-loading{color:var(--color-accent-2-400)}.showcase-fallback{position:relative;width:min(100%,900px);aspect-ratio:3 / 2;overflow:hidden;display:grid;place-content:end center;gap:.25rem;padding:1.2rem;text-align:center;background:radial-gradient(circle at 50% 42%,#3a3327 0 18%,#211d16 52%,#16140f);color:var(--stage-text)}.showcase-fallback-head{position:absolute;width:22%;height:46%;left:39%;top:17%;border:3px solid var(--color-accent-2-400);border-radius:46% 46% 42% 42%;background:linear-gradient(145deg,#d9a08a,#9d6555);box-shadow:0 0 60px #f6a06b2e}.showcase-fallback-head .eye{position:absolute;top:35%;width:10%;aspect-ratio:1;border-radius:50%;background:#3a2928}.showcase-fallback-head .eye.left{left:24%}.showcase-fallback-head .eye.right{right:24%}.showcase-fallback-head .nose{position:absolute;width:3px;height:22%;left:calc(50% - 1px);top:43%;background:#4f2a25a6}.showcase-fallback-slot{position:absolute;z-index:1;padding:.45rem .65rem;border:2px solid var(--color-accent-400);border-radius:.5rem;background:var(--stage-panel);color:var(--color-accent-400);font:700 clamp(.6rem,1.6vw,1rem) ui-monospace,monospace}.showcase-fallback-slot.halo{left:42%;top:7%}.showcase-fallback-slot.cheek{left:35%;top:38%;transform:rotate(-7deg)}.showcase-fallback-slot.callout{left:64%;top:34%}.showcase-fallback small{color:var(--color-accent-2-400)}.showcase-fallback-reason{opacity:.72}.showcase-note{margin:0;padding:10px 18px 12px;border-top:1px solid var(--stage-line)}