:root{--ds-action-purple:#6035d8;--ds-action-ink:#28334b;--ds-action-line:#cdc8ff;--ds-action-soft:#f0f2ff}.ds-action-card.ds-action-card{box-sizing:border-box;border:1px solid var(--ds-action-line);background:var(--ds-action-soft);width:100%;min-width:0;min-height:64px;color:var(--ds-action-purple);text-align:left;white-space:normal;overflow-wrap:normal;word-break:normal;cursor:pointer;border-radius:13px;padding:12px 14px 12px 52px;font:750 14px/1.35 system-ui,sans-serif;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;display:block;position:relative;box-shadow:0 2px 5px #593ba30a}.ds-action-card:before{content:"";background:var(--ds-action-icon) center/contain no-repeat;width:25px;height:25px;position:absolute;top:16px;left:14px}.ds-action-card:after{content:attr(data-action-description) / "";color:#4c5870;white-space:normal;text-transform:none;letter-spacing:normal;margin-top:4px;font:400 12px/1.45 system-ui,sans-serif;display:block}.ds-action-card>svg,.ds-action-card>img{display:none}.ds-action-card.ds-action-card:hover{background:#e8e9ff;border-color:#987ff0;box-shadow:0 5px 15px #593ba31f}.ds-action-card.ds-action-card:focus-visible{outline-offset:3px;outline:3px solid #f3b731}.ds-action-card:disabled,.ds-action-card[aria-disabled=true]{opacity:.55;cursor:default}.ds-action-card.danger{color:#b4233e;background:#fff3f5;border-color:#efc6d0}body:not(.whiteboard-ui) :is(.menu-panel,.landing-nav-menu){box-sizing:border-box;max-height:calc(100dvh - var(--ds-menu-top,100px) - 16px);overscroll-behavior:contain;background:#fff;border:1px solid #d5c9ff;border-radius:17px;gap:6px;padding:9px;overflow:auto;box-shadow:0 16px 50px #37206838}body:not(.whiteboard-ui) :is(details.menu[open],details.landing-nav-dropdown[open],.menu.ds-menu-open)>:is(.menu-panel,.landing-nav-menu){left:var(--ds-menu-left,12px);top:var(--ds-menu-top,90px);width:var(--ds-menu-width,350px);z-index:1000;max-width:calc(100vw - 24px);display:grid;position:fixed}body:not(.whiteboard-ui) .menu:has(>button+.menu-panel):not(.ds-menu-open)>.menu-panel{display:none}body:not(.whiteboard-ui) :is(.menu-panel,.landing-nav-menu) .ds-action-card{margin:0 0 5px}body:not(.whiteboard-ui) .menu-panel .submenu{position:static}body:not(.whiteboard-ui) .menu-panel .submenu>div{max-width:100%;box-shadow:none;border-left:2px solid #d7c8ff;padding:5px 0 5px 8px;position:static}body:not(.whiteboard-ui) .menu-panel .submenu:not([open])>div{display:none}body:not(.whiteboard-ui) .menu-panel .submenu>summary{color:#6035d8;cursor:pointer;padding:10px;font-weight:750}body:not(.whiteboard-ui) :is(.admin-panel,.admin-gate-card,.access-card,.ds-tool-card){border:1px solid #ddd3fa;border-radius:20px;box-shadow:0 7px 24px #45267f12}body:not(.whiteboard-ui) :is(.admin-panel,.admin-gate-card){background:linear-gradient(140deg,#fbf8ff,#fff 55%)}body:not(.whiteboard-ui) dialog{box-sizing:border-box;border:1px solid #d8cefa;border-radius:22px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 25px 80px #2d185540}body:not(.whiteboard-ui) dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#20193c73}body:not(.whiteboard-ui) :is(.admin-actions,.quick-actions){flex-wrap:wrap;gap:8px}body:not(.whiteboard-ui) :is(.admin-actions,.quick-actions)>.ds-action-card{flex:200px;width:auto}.ds-tool-card{background:linear-gradient(145deg,#f5f1ff,#fff 65%)}.ds-tool-card .ds-tool-link h3{color:#6035d8}@media (prefers-reduced-motion:reduce){.ds-action-card.ds-action-card{transition:none}}@media (width<=560px){body:not(.whiteboard-ui) :is(.admin-actions,.quick-actions)>.ds-action-card{flex-basis:100%}}body:not(.whiteboard-ui) .menu-popover[role=menu]{box-sizing:border-box;left:var(--ds-menu-left,12px);top:var(--ds-menu-top,100px);width:var(--ds-menu-width,350px);max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--ds-menu-top,100px) - 16px);z-index:1000;background:#fff;border:1px solid #d5c9ff;border-radius:17px;padding:9px;position:fixed;overflow:auto;box-shadow:0 16px 50px #37206838}.ds-action-card .menu-item-icon{display:none}.menu-popover .ds-action-card{margin-bottom:5px}body:not(.whiteboard-ui) .submenu-popover[role=menu]{box-shadow:none;background:#fff;border-left:2px solid #d7c8ff;max-width:100%;margin:5px 0 5px 8px;padding-left:8px;position:static}:is(.workspace-card,.intent-grid>a,.home-tool-card){background:linear-gradient(140deg,#f2edff,#fff 65%);border-color:#d5c9ff;border-radius:18px;box-shadow:0 5px 18px #45267f12}:is(.workspace-card,.intent-grid>a,.home-tool-card):hover{border-color:#a68bea;box-shadow:0 8px 22px #45267f21}body:not(.whiteboard-ui) :is(.controls,.settings-panel,.splash-card){border-color:#d8cef5;border-radius:18px}.game-ux-coach{background:linear-gradient(135deg,#f3eeff,#fff);border:1px solid #d5c9ff;border-radius:18px;box-shadow:0 5px 18px #45267f12}.game-ux-help-button.ds-action-card{flex-shrink:0;width:230px}@media (width<=560px){.game-ux-help-button.ds-action-card{width:100%}}.top-toolbar:has(.menu-popover[role=menu]){contain:none}.ds-action-card .button-icon{display:none}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--purple:#7c3aed;--purple-dark:#5b21b6;--violet:#a855f7;--orange:#faa634;--red:#dc2626;--green:#15803d;--ink:#1f2937;--muted:#64748b;--border:#ddd6fe;--pale:#f5f0ff;--surface:#fff;--radius:10px;--shadow:0 16px 34px #7c3aed24;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.spectrum{background:linear-gradient(90deg,#7c3aed 0 32%,#a855f7 32% 52%,#f97316 52% 64%,#ef4444 64% 76%,#6d28d9 76% 88%,#22c55e 88% 96%,#facc15 96%);height:12px}.app{grid-template-rows:auto auto auto 1fr auto;min-height:calc(100vh - 12px);display:grid}.site-header{border-bottom:2px solid var(--pale);justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;display:flex}.title-block{gap:2px;display:grid}.eyebrow{color:var(--violet);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:900}.site-header h1{color:var(--purple);margin:0;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1}.project-title{width:min(420px,75vw);color:var(--ink);background:0 0;border:1px solid #0000;border-radius:6px;margin-top:5px;padding:4px 7px;font-weight:800}.project-title:hover,.project-title:focus{border-color:var(--border);background:#fff}.tagline{color:var(--muted);margin:2px 0 0;font-size:.9rem}.header-actions,.transport,.tool-strip,.statusbar,.menu-bar,.track-actions,.track-sliders{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.header-actions select,.header-link{border:2px solid var(--border);border-radius:var(--radius);min-height:42px;color:var(--purple-dark);background:#fff;padding:0 12px;font-weight:800}.header-link{align-items:center;text-decoration:none;display:inline-flex}.header-link.primary{color:#fff;background:var(--purple);border-color:var(--purple)}.menu-bar{background:var(--pale);border-bottom:1px solid var(--border);padding:4px 16px}details.menu{position:relative}details.menu>summary{cursor:pointer;border-radius:7px;padding:7px 10px;font-weight:800;list-style:none}details.menu>summary:hover,details.menu[open]>summary{color:var(--purple-dark);background:#fff}.menu-panel{z-index:30;top:100%;border:1px solid var(--border);border-radius:var(--radius);min-width:210px;box-shadow:var(--shadow);background:#fff;max-height:min(70vh,560px);padding:6px;display:grid;position:absolute;inset-inline-start:0;overflow-y:auto}.menu-panel button,.menu-panel a{text-align:start;color:var(--ink);background:#fff;border:0;border-radius:6px;padding:9px 10px;font-weight:700;text-decoration:none;display:block}.menu-panel button:hover,.menu-panel a:hover{background:var(--pale);color:var(--purple-dark)}.menu-group-label{border-top:1px solid var(--border);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:4px;padding:8px 10px 3px;font-size:.75rem;font-weight:900}.menu-panel .submenu-item{padding-inline-start:22px}.source-menu .menu-panel{width:min(340px,85vw);max-height:min(70vh,520px);overflow-y:auto}.transport{border-bottom:1px solid var(--border);background:#fff;padding:9px 16px}.btn{border:2px solid var(--border);border-radius:var(--radius);min-height:42px;color:var(--purple-dark);background:#fff;padding:7px 12px;font-weight:850}.btn:hover:not(:disabled){border-color:var(--purple);background:var(--pale)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--purple);border-color:var(--purple);color:#fff}.btn.record{color:#b91c1c;background:#fff1f2;border-color:#fca5a5}.btn.record.active{color:#fff;background:#dc2626}.btn.icon{min-width:44px;padding:6px}.transport-time{color:#fff;font-variant-numeric:tabular-nums;text-align:center;background:#111827;border-radius:8px;min-width:88px;padding:8px 12px;font-weight:900}.meter{border:1px solid var(--border);background:#e5e7eb;border-radius:99px;width:110px;height:14px;overflow:hidden}.meter-fill{background:linear-gradient(90deg,#22c55e 65%,#facc15 80%,#ef4444);width:0;height:100%;transition:width 60ms linear}.zoom{align-items:center;gap:4px;margin-inline-start:auto;display:flex}.zoom output{text-align:center;min-width:55px;color:var(--muted);font-weight:800}.workspace{background:linear-gradient(#fff,#faf7ff);min-height:420px;position:relative;overflow:auto}.empty-state{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:380px;padding:30px;display:grid}.empty-icon{width:92px;height:92px}.empty-state h2,.empty-state p{margin:0}.empty-state h2{color:var(--purple);font-size:1.65rem}.empty-state p{max-width:55ch;color:var(--muted);line-height:1.5}.empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.privacy-pill{color:#166534;background:#ecfdf5;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:800}.timeline{direction:ltr;min-width:760px;position:relative}.ruler-row,.track-row{grid-template-columns:230px 1fr;display:grid}.ruler-label{z-index:9;background:var(--pale);border-inline-end:2px solid var(--border);border-bottom:1px solid var(--border);align-items:center;padding:3px 10px;display:flex;position:sticky;left:0}.add-track-sidebar{min-height:30px;padding:3px 9px;font-size:.82rem}.ruler{border-bottom:1px solid var(--border);background:#fff;height:38px;position:relative;overflow:hidden}.tick{height:100%;color:var(--muted);font-variant-numeric:tabular-nums;border-left:1px solid #cbd5e1;padding:3px 0 0 5px;font-size:.72rem;position:absolute;bottom:0}.track-head{z-index:8;background:var(--pale);border-inline-end:2px solid var(--border);border-bottom:1px solid var(--border);min-height:138px;direction:var(--shell-dir,ltr);padding:10px;position:sticky;left:0}.track-head input[type=text]{border:1px solid var(--border);width:100%;min-height:36px;color:var(--purple-dark);border-radius:7px;padding:5px 8px;font-weight:900}.track-actions{margin-top:7px}.track-actions button{border:1px solid var(--border);background:#fff;border-radius:7px;min-width:42px;min-height:36px;padding:3px 8px;font-weight:850}.track-actions button[aria-pressed=true]{color:#fff;background:var(--purple)}.track-actions .danger{color:var(--red);margin-inline-start:auto}.track-sliders{color:var(--muted);grid-template-columns:auto 1fr;gap:2px 7px;margin-top:7px;font-size:.72rem;font-weight:800;display:grid}.track-sliders input{width:100%;accent-color:var(--purple)}.track-lane{border-bottom:1px solid var(--border);background:repeating-linear-gradient(90deg,#fff 0 79px,#f3f4f6 80px);min-height:138px;position:relative;overflow:hidden}.clip{border:2px solid var(--purple);touch-action:none;background:linear-gradient(#ede9fe,#ddd6fe);border-radius:9px;min-width:8px;height:110px;position:absolute;top:13px;overflow:hidden;box-shadow:0 5px 12px #5b21b61f}.clip.selected{border:4px solid var(--orange);box-shadow:0 0 0 2px #7c3aed}.clip canvas{cursor:crosshair;width:100%;height:100%;display:block}.clip-label{z-index:2;max-width:calc(100% - 14px);color:var(--purple-dark);white-space:nowrap;text-overflow:ellipsis;cursor:grab;pointer-events:auto;background:#ffffffd1;border-radius:4px;padding:2px 5px;font-size:.72rem;font-weight:900;position:absolute;top:4px;left:7px;overflow:hidden}.range-selection{z-index:1;pointer-events:none;background:#f9731652;border-inline:2px solid #f97316;display:none;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #ffffffa6}.range-selection.show{display:block}.playhead{z-index:15;pointer-events:none;background:#ef4444;width:2px;position:absolute;top:38px;bottom:0}.playhead:before{content:"";border:6px solid #0000;border-top-color:#ef4444;position:absolute;top:-7px;left:-5px}.statusbar{border-top:1px solid var(--border);background:var(--pale);color:var(--muted);padding:7px 16px;font-size:.78rem;font-weight:750}.statusbar span+span{border-inline-start:1px solid var(--border);padding-inline-start:10px}.status-message{color:var(--purple-dark);margin-inline-start:auto}.dialog-backdrop{z-index:100;background:#11182794;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog{border:2px solid var(--border);background:#fff;border-radius:14px;width:min(560px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 24px 60px #00000040}.dialog h2{color:var(--purple);margin:0 0 9px}.dialog p{color:var(--muted);line-height:1.55}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.effect-form{gap:12px;display:grid}.effect-form label{color:var(--ink);gap:5px;font-weight:800;display:grid}.effect-form input{border:2px solid var(--border);width:100%;min-height:42px;font:inherit;border-radius:8px;padding:7px 10px}.effect-form select,.effect-form textarea{border:1px solid var(--border);width:100%;font:inherit;border-radius:8px;padding:.65rem}.effect-form .check-row{align-items:flex-start;gap:.6rem;display:flex}.effect-form .check-row input{width:auto;margin-top:.2rem}.copy-field{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.drive-warning{color:#9a3412;font-weight:700}.effect-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.effect-note{margin:0;font-size:.9rem}@media (width<=480px){.effect-range{grid-template-columns:1fr}}.toast{z-index:120;color:#fff;background:#111827;border-radius:99px;padding:10px 17px;font-weight:800;transition:transform .2s;position:fixed;bottom:48px;left:50%;transform:translate(-50%,150%)}.toast.show{transform:translate(-50%)}.toast.error{background:#991b1b}.drop-overlay{z-index:110;border:4px dashed var(--purple);color:var(--purple-dark);pointer-events:none;background:#f5f3fff0;border-radius:18px;place-items:center;font-size:clamp(1.2rem,4vw,2rem);display:none;position:fixed;inset:18px}.drop-overlay.show{display:grid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--orange);outline-offset:2px}@media (width<=760px){.site-header{flex-direction:column;align-items:flex-start;padding:12px}.header-actions{width:100%}.tagline{display:none}.menu-bar,.transport{padding-inline:8px}.transport .btn span.label{display:none}.ruler-row,.track-row{grid-template-columns:165px 1fr}.track-head,.track-lane{min-height:150px}.zoom{margin-inline-start:0}.statusbar{padding-inline:8px}.statusbar .optional{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (forced-colors:active){.clip{border:3px solid buttontext}.clip.selected{outline:4px solid highlight}.meter-fill{background:highlight}}.transcription-form [hidden]{display:none!important}.transcription-form audio{width:100%}.transcription-cues{min-width:0}.transcription-cue-list{max-height:40vh;overflow-y:auto}.transcription-cue{border-bottom:1px solid var(--border,#555);gap:.65rem;padding:1rem 0;display:grid}.transcription-cue textarea{width:100%;min-height:4rem;font:inherit}.analysis-summary,.analysis-channel dl{margin:0}.analysis-summary{flex-wrap:wrap;gap:1rem 2rem;margin-bottom:1rem;display:flex}.analysis-summary dt,.analysis-channel dt{color:var(--muted,#64748b);font-size:.85rem}.analysis-summary dd,.analysis-channel dd{font-variant-numeric:tabular-nums;margin:0}.analysis-channels{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem;display:grid}.analysis-channel{border:1px solid var(--border,#ddd);border-radius:12px;padding:1rem}.analysis-channel h3{margin:0 0 .8rem;font-size:1rem}.analysis-channel dl{gap:.7rem;display:grid}