:root{color:#f4f4f5;background:#08090a;font-family:Aptos Display,Segoe UI Variable Display,Trebuchet MS,sans-serif;line-height:1.45;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #08090a;--panel: rgba(19, 20, 22, .82);--panel-strong: rgba(29, 30, 33, .96);--text: #f4f4f5;--muted: #a1a1aa;--line: rgba(244, 244, 245, .14);--accent: #d4d4d8;--accent-strong: #fafafa;--danger: #ff7d68;--green: #8bd49c}*{box-sizing:border-box}body{margin:0;min-width:960px;height:100vh;overflow:hidden;background:linear-gradient(135deg,#050506,#111215 45%,#030304)}button,textarea{font:inherit}button{border:0;border-radius:999px;padding:.62rem .9rem;color:#08090a;background:linear-gradient(135deg,var(--accent-strong),var(--accent));box-shadow:0 12px 32px #f4f4f524;cursor:pointer;font-weight:800}button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}button.secondary{color:var(--text);background:#ffffff14;border:1px solid var(--line);box-shadow:none}button.activeToggle{border-color:#f4f4f547;background:#f4f4f51f}button.wide{width:100%}.shell{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;width:min(1500px,calc(100vw - 24px));height:100vh;margin:0 auto;padding:12px 0;overflow:hidden}.hero{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:980px;margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.2rem);line-height:.9;letter-spacing:-.06em}h2{margin-bottom:8px;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.sessionCard,.dashboard article,.sideCard{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 80px #00000047}.sessionCard{min-width:360px;border-radius:20px;padding:12px}.sessionCard span,.sessionCard small,.preview span,.prompt span,.hint,.status,.savedPath{color:var(--muted)}.sessionCard strong{display:block;max-width:320px;overflow:hidden;margin:2px 0;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.pillRow{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.statusPill{border:1px solid rgba(139,212,156,.32);border-radius:999px;padding:4px 7px;color:var(--green);background:#8bd49c1c;font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.status-idle,.status-closed,.mutedPill{border-color:var(--line);color:var(--muted);background:#ffffff0f}.status-connecting{border-color:#f4f4f552;color:var(--accent-strong);background:#f4f4f51a}.status-failed{border-color:#ff7d6861;color:var(--danger);background:#ff7d681c}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:12px;min-height:0}.primaryPane,.sidePane{display:grid;min-height:0}.primaryPane{grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.sidePane{grid-template-rows:auto minmax(0,1fr);gap:10px}.modePicker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modeCard{display:grid;gap:2px;min-height:58px;justify-items:start;border:1px solid var(--line);border-radius:18px;padding:11px 13px;color:var(--text);background:#ffffff0f;box-shadow:none;text-align:left}.modeCard.selected{border-color:#f4f4f56b;background:#f4f4f51f}.modeCard span{font-weight:900}.modeCard small{color:var(--muted);line-height:1.3;font-size:.75rem}.tabBar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tabButton{border:1px solid var(--line);border-radius:14px;padding:.55rem .45rem;color:var(--muted);background:#ffffff0e;box-shadow:none;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.tabButton.activeTab{border-color:#f4f4f58c;color:#08090a;background:linear-gradient(135deg,var(--accent-strong),var(--accent))}.sideTabPanel{display:grid;grid-template-rows:minmax(0,1fr);gap:10px;min-height:0}.sideCard{min-height:0;overflow:hidden;border-radius:18px;padding:12px}.monitorCard{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;gap:8px;align-self:stretch}.monitorCard .metrics,.monitorCard .status{margin-bottom:0}.fillCard{grid-row:1 / -1;align-self:stretch}.mediaStack{display:grid;grid-template-rows:minmax(0,auto) auto;gap:10px;min-height:0;align-content:center}.stage{position:relative;display:block;width:100%;max-height:100%;aspect-ratio:16 / 9;min-height:0;align-self:center}.preview{position:relative;overflow:hidden;border:1px solid var(--line);background:#00000047}.preview video{width:100%;height:100%;object-fit:cover;background:repeating-linear-gradient(135deg,#ffffff14,#ffffff14 8px,#ffffff05 8px 18px)}.preview span{position:absolute;left:12px;top:12px;border-radius:999px;padding:4px 8px;background:#0000007a;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.previewScreen{position:absolute;inset:0;border-radius:24px}.previewScreen video{object-fit:contain}.previewCamera{position:absolute;top:16px;right:16px;z-index:2;width:clamp(128px,17%,190px);min-height:0;aspect-ratio:1 / 1;border-radius:18px;border-color:#f4f4f54d;box-shadow:0 18px 52px #0000006b}.previewCamera video{object-fit:cover}.prompt{width:100%;border:1px solid rgba(244,244,245,.22);border-radius:16px;padding:10px 12px;background:#0d0e10e0;box-shadow:0 14px 44px #00000047}.prompt p{margin:4px 0 0;font-size:.98rem;font-weight:850;line-height:1.2}.operatorMode .stage{display:block}.operatorMode .preview{min-height:0}.operatorMode .preview video{filter:blur(16px) brightness(.42) saturate(.65);transform:scale(1.08)}.operatorMode .previewScreen:after{position:absolute;inset:0;display:grid;place-items:center;padding:28px;color:var(--text);background:linear-gradient(135deg,rgba(244,244,245,.08),transparent 42%),#00000059;content:"Operator mode: previews are softened to reduce screen-mirror distraction. Use Hide Window before playtesting the captured display.";font-size:clamp(1rem,2.2vw,1.6rem);font-weight:900;line-height:1.1;text-align:center}.operatorMode .previewCamera{display:none}.controls{display:flex;flex-wrap:wrap;gap:8px;margin:0}.permissionPanel{display:grid;grid-template-columns:1fr;gap:8px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:10px;background:#ffffff0f}.permissionPanel h2{margin-bottom:6px}.permissionPanel p{margin-bottom:0;color:var(--muted);font-size:.75rem}.permissionPanel dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}.permissionPanel dl div{border-radius:12px;padding:7px;background:#0003}.permissionPanel dt{color:var(--muted);font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.permissionPanel dd{margin:2px 0 0;font-weight:900;font-size:.8rem}.permissionActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.dashboard{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr);gap:10px;min-height:0}.dashboard article{min-height:0;overflow:hidden;border-radius:18px;padding:12px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 8px}.metrics div{border-radius:12px;padding:8px;background:#ffffff0f}.metrics dt{color:var(--muted);font-size:.62rem;text-transform:uppercase}.metrics dd{margin:2px 0 0;font-size:.9rem;font-weight:900}textarea{width:100%;min-height:62px;max-height:80px;margin-bottom:8px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:10px;color:var(--text);background:#00000047}.hint,.status,.savedPath{font-size:.78rem}.savedPath{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;min-width:0;margin:0;border:1px solid var(--line);border-radius:12px;padding:8px;background:#ffffff0b}.savedPath span{color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.savedPath strong{min-width:0;overflow:hidden;color:var(--text);font-size:.72rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.chatTranscript{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0}.chatTranscriptHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.chatTranscriptHeader h2{margin:0}.chatTranscriptHeader span{color:var(--muted);font-size:.68rem;font-weight:900}.chatTranscriptBody{min-height:0;overflow:auto;padding-right:4px}.chatTranscript ol{display:grid;align-content:start;gap:8px;min-height:0;margin:0;padding:0;list-style:none}.chatEntry{display:grid;gap:4px;border:1px solid var(--line);border-radius:12px;padding:8px;background:#0003}.chatEntry span{color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.chatEntry p{margin:0;color:var(--text);font-size:.82rem;line-height:1.32;white-space:pre-wrap}.chat-ai{border-color:#f4f4f533;background:#f4f4f514}.chat-participant{border-color:#a1a1aa3d;background:#a1a1aa14}.liveChatEntry{border-style:dashed}.emptyTranscript{margin:0;color:var(--muted);font-size:.78rem}.eventLog{display:grid;gap:6px;margin:0;padding:0;overflow:hidden;list-style:none}.eventLog li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:6px;color:var(--muted);font-size:.78rem}.eventLog span{color:var(--text);font-weight:800}.transcriptPreview{max-height:92px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:8px;background:#00000038}.transcriptPreview span{display:block;margin-bottom:6px;color:var(--muted);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.transcriptPreview p{margin:0;white-space:pre-wrap}@media(max-width:1100px){body{min-width:0}.shell{width:min(100% - 24px,760px)}.hero,.modePicker,.permissionPanel,.dashboard{grid-template-columns:1fr}.permissionPanel dl{grid-template-columns:repeat(2,minmax(0,1fr))}.stage{aspect-ratio:16 / 9}.previewCamera{top:10px;right:10px;width:clamp(92px,24%,140px)}}