:root{font:13px/1.5 system-ui,sans-serif;color:#24272d;background:transparent;--line: #d9dce1;--muted: #586171;--accent: #194ac6}*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden}button,input,textarea{font:inherit}button{min-height:34px;padding:7px 12px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#fff;cursor:pointer}button.secondary{color:#233e72;background:#fff;border-color:#b4c2d3}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #7195ff;outline-offset:2px}[hidden]{display:none!important}::selection{background:#c4d5ff;color:#18232f}input,textarea{caret-color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.studio{display:flex;flex-direction:column;height:100dvh;max-width:1800px;margin:auto;border:0;overflow:hidden;background:#f7f8fa}.studio-grid{display:grid;flex:1;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:stretch}.product-panel{min-width:0;min-height:0;overflow:hidden}iframe{display:block;width:100%;height:100%;border:0}.code-panel{display:flex;flex-direction:column;min-height:0;min-width:0;border-left:1px solid #ced2d8;background:#fff}.devtools-title{flex-shrink:0;padding:10px 12px;background:#f7f8fa;border-bottom:1px solid #e1e3e8;display:flex;flex-wrap:wrap;gap:2px 12px;align-items:baseline}.devtools-title strong{font-size:12px;font-weight:600}.devtools-title span{font-size:10px;color:var(--muted)}.devtools-tabs{flex-shrink:0;display:flex;padding:0 6px;border-bottom:1px solid var(--line);background:#f7f8fa}.devtools-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);font-size:12px;padding:7px 14px}.devtools-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.devtools-pane{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 12px}.code-panel h2{font-size:15px;line-height:1.4;margin:0 0 6px}.editor-help{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 16px}summary{cursor:pointer}#feature-editor{margin:0 0 12px;border:1px solid #e1e3e8;border-radius:4px}#feature-editor summary{padding:7px 9px;font:11px/1.5 ui-monospace,monospace;background:#f7f8fa}#feature-editor summary span{color:var(--muted);font:10px system-ui,sans-serif;margin-left:8px}textarea{display:block;width:100%;border:0;border-top:1px solid #e1e3e8;margin:0;background:#fff;padding:10px;height:140px;resize:vertical;font:12px/1.8 ui-monospace,monospace;color:#2c4678}#remove-feature{border:0;padding:5px 9px;min-height:30px;font-size:11px}#apply-feature,#try-feature{width:100%;font-size:12px}#build-status:empty{display:none}#build-status{font-size:12px;margin:12px 0}#trace,#model-calls{margin:0;padding:0;list-style:none;max-height:none;font:10px/1.7 ui-monospace,monospace}#trace li,#model-calls li{padding:6px 0;border-bottom:1px solid #eef1f5;overflow-wrap:anywhere}#trace pre,#model-calls pre{white-space:pre-wrap;overflow-wrap:anywhere}#trace-empty{color:var(--muted);font-size:12px;margin:0}#live-proof{font-size:12px;line-height:1.6;margin:0 0 12px;overflow-wrap:anywhere}.receipt{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;border-top:1px solid #e1e6ed;padding:8px 0;color:#264776;font:10px/1.5 ui-monospace,monospace}#evidence{font-size:12px}#evidence>summary{padding:8px 0}#external-demo{border-top:1px solid #e1e6ed;margin:20px 0 0;padding-top:12px;font-size:12px}#external-form{margin-top:12px}#external-form label{display:block;font-weight:600;margin-bottom:8px}#external-form p{color:var(--muted);font-size:11px}.request-row{display:flex;gap:8px}input{min-width:0;width:100%;padding:8px;border:1px solid #b4c2d3;border-radius:4px}#external-status,#model-calls{font-size:11px}#model-calls summary{cursor:pointer}.player-transport{display:grid;grid-template-columns:32px 36px minmax(0,1fr) auto;align-items:center;gap:2px 8px;flex-shrink:0;padding:5px 12px;border-top:1px solid var(--line);background:#f7f8fa}.player-transport button{background:transparent;border:0;border-radius:4px;color:#303846}.player-transport button:hover:not(:disabled){background:#e8ecf3}#play-story{display:grid;place-items:center;height:32px;padding:6px}#play-story svg{width:20px;height:20px;fill:currentColor}#play-story[data-state=paused] .pause-icon,#play-story[data-state=playing] .play-icon{display:none}#elapsed{font:11px ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--muted)}#chapters{display:flex;gap:5px;min-width:0}#chapters button{position:relative;flex:1;min-width:0;min-height:27px;padding:9px 2px 0;font-size:10px;text-align:left;color:var(--muted)}#chapters button:before{content:"";position:absolute;left:0;right:0;top:3px;height:3px;border-radius:2px;background:#d9dce3}#chapters button[aria-current=step]{color:var(--accent)}#chapters button[aria-current=step]:before,#chapters button[data-complete=true]:before{background:var(--accent)}#chapters button:disabled{opacity:1;cursor:default}#player-phase{display:none;color:var(--muted);font-size:10px}#mobile-panels{display:none}#open-scenes{flex-shrink:0}#scene-picker{width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto 12px auto auto;padding:0;border:1px solid var(--line);border-radius:10px;background:#fff;color:inherit;box-shadow:0 12px 40px #18263826}#scene-picker[open]{display:flex;flex-direction:column}#scene-picker::backdrop{background:#17223438}.scene-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.scene-picker-header h2{margin:0;font-size:15px}.scene-picker-header p{margin:4px 0 0;color:var(--muted);font-size:11px}#close-scenes{background:transparent;color:var(--muted);border:0}#interactions{overflow:auto;padding:6px}#interactions button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;border:0;border-radius:5px;text-align:left;background:transparent;color:inherit}#interactions button[aria-pressed=true]{background:#e9eefb}#interactions button:hover{background:#f0f3f8}.scene-number{display:grid;place-items:center;flex:0 0 42px;height:36px;border-radius:4px;background:#edf0f5;color:var(--muted);font:12px ui-monospace,monospace}#interactions strong{display:block;font-size:12px;font-weight:600}#interactions small{display:block;font-size:11px;margin-top:4px;color:var(--muted)}@media(max-width:700px){.studio-grid{grid-template-columns:minmax(0,1fr)}.studio[data-panel=product] .code-panel,.studio[data-panel=tools] .product-panel{display:none}.code-panel{border-left:0}#mobile-panels{display:flex;flex-shrink:0;gap:4px;padding:3px 8px;border-bottom:1px solid var(--line)}#mobile-panels button{min-height:28px;padding:4px 10px;font-size:11px;border:0;background:transparent;color:var(--muted)}#mobile-panels button[aria-pressed=true]{background:#e9eefb;color:var(--accent)}.player-transport{padding-inline:8px}}@media(max-height:420px){.studio{position:relative}.devtools-title{display:none}.devtools-pane{padding:8px}.editor-help{margin-bottom:8px}.player-transport{padding-block:2px}#chapters button{min-height:22px;font-size:9px}#play-story{min-height:28px;height:28px}}#story-status:empty{display:none}#story-status{padding:4px 12px;font-size:11px;color:var(--muted)}