:root{--accent:#0a66e0;--accent-ink:#fff;--mark:#c98a00;--mark-ink:#6e4a00;--record:#ff3b30;--warn:#ff9500;--canvas:#f2f2f0;--surface:#fff;--raised:#fff;--well:#efefec;--fill:#14141e0d;--fill-strong:#14141e17;--ink:#1b1b1d;--ink-2:#5a5a60;--ink-3:#8c8c92;--line:#14141e14;--glass:#f6f6f4b8;--shadow:0 1px 2px #14141e0a, 0 12px 40px -12px #14142838;--radius:16px;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--mono:"SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent:#2f8cff;--mark:#f5b82e;--mark-ink:#f7d17a;--canvas:#0e0e0f;--surface:#18181a;--raised:#222225;--well:#232326;--fill:#ffffff0f;--fill-strong:#ffffff1a;--ink:#f2f2f3;--ink-2:#a5a5ab;--ink-3:#74747b;--line:#ffffff12;--glass:#0e0e0fb3;--shadow:0 1px 2px #0000004d, 0 16px 48px -16px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--accent:#2f8cff;--mark:#f5b82e;--mark-ink:#f7d17a;--canvas:#0e0e0f;--surface:#18181a;--raised:#222225;--well:#232326;--fill:#ffffff0f;--fill-strong:#ffffff1a;--ink:#f2f2f3;--ink-2:#a5a5ab;--ink-3:#74747b;--line:#ffffff12;--glass:#0e0e0fb3;--shadow:0 1px 2px #0000004d, 0 16px 48px -16px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font:13px/1.45 var(--sans);-webkit-font-smoothing:antialiased;letter-spacing:-.003em}#app{flex-direction:column;height:100%;display:flex}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::selection{background:color-mix(in srgb, var(--accent) 24%, transparent)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0}.secondary{color:var(--ink-2)}.tertiary{color:var(--ink-3)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.btn{background:var(--fill);cursor:pointer;white-space:nowrap;height:30px;transition:background .15s var(--ease), color .15s var(--ease), transform .1s var(--ease);border:0;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}.btn:hover{background:var(--fill-strong)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.on{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:color-mix(in srgb, var(--accent) 88%, #000)}.btn.danger{color:var(--record)}.btn.icon{background:0 0;justify-content:center;width:30px;padding:0}.btn.icon:hover{background:var(--fill)}.btn.icon.on{background:color-mix(in srgb, var(--accent) 14%, transparent)}.btn svg,.icon-svg{flex:none;width:15px;height:15px}.play{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);cursor:pointer;box-shadow:0 4px 14px -4px color-mix(in srgb, var(--accent) 60%, transparent);transition:transform .12s var(--ease);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.play:hover{transform:scale(1.04)}.play:active{transform:scale(.95)}.play svg{width:16px;height:16px}.segmented{background:var(--fill);border-radius:10px;align-items:center;height:30px;padding:2px;display:inline-flex}.segmented>button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.segmented>button:hover{background:var(--fill-strong)}.segmented .label{font:500 12px var(--mono);text-align:center;min-width:54px;color:var(--ink-2)}.keycap{background:var(--fill-strong);min-width:18px;height:18px;font:600 10px var(--sans);color:var(--ink-2);border-radius:5px;place-items:center;padding:0 4px;display:inline-grid}input[type=text],input[type=search],select{background:var(--fill);border:0;border-radius:10px;outline:none;height:30px;padding:0 10px;transition:background .15s,box-shadow .15s}input[type=text]:focus,input[type=search]:focus,select:focus{background:var(--surface);box-shadow:0 0 0 2px var(--accent)}.field{background:0 0;border:0;border-radius:7px;width:100%;margin-left:-6px;padding:3px 6px}.field:hover{background:var(--fill)}.field:focus{background:var(--fill);box-shadow:0 0 0 2px var(--accent);outline:none}.bar{z-index:5;background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.8);align-items:center;gap:6px;min-height:56px;padding:10px 16px;display:flex;position:sticky;top:0}.bar h1{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:650}.bar .grow{flex:1;min-width:0}.bar .title{flex-direction:column;min-width:0;margin-left:6px;display:flex}.bar .title span{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.brand{color:inherit;letter-spacing:-.01em;align-items:center;gap:10px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.brand img{border-radius:7px;width:26px;height:26px}.library{flex:1;padding:8px clamp(16px,4vw,48px) 56px;overflow:auto}.library-inner{gap:28px;max-width:860px;margin:0 auto;display:grid}.drop{text-align:center;background:var(--surface);border-radius:24px;justify-items:center;gap:14px;padding:48px 24px 40px;display:grid}.drop h2{letter-spacing:-.03em;margin:0;font-size:clamp(26px,4vw,34px);font-weight:700;line-height:1.1}.drop p{color:var(--ink-2);max-width:540px;margin:0;font-size:14px}.drop .actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.drop .actions .btn{border-radius:12px;height:36px;padding:0 16px;font-size:13px}.drop .note{font-size:12px}.section-title{color:var(--ink);margin:0 0 10px 4px;font-size:13px;font-weight:650}.list{background:var(--surface);border-radius:var(--radius);gap:2px;padding:6px;display:grid}.row{cursor:pointer;border-radius:11px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 12px;transition:background .12s;display:grid}.row:hover{background:var(--fill)}.row .name{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.row .meta{color:var(--ink-2);font-size:11.5px}.row .btn.icon{opacity:0;transition:opacity .15s}.row:hover .btn.icon,.row:focus-within .btn.icon{opacity:1}.empty{color:var(--ink-2);padding:14px 12px}.note{color:var(--ink-2);font-size:12px;line-height:1.55}.note a{color:var(--accent);text-decoration:none}.note a:hover{text-decoration:underline}footer.note{padding:0 4px}footer.note svg{vertical-align:-2px}.card{background:var(--surface);border-radius:14px;padding:14px 16px}.card.warn{background:color-mix(in srgb, var(--warn) 10%, var(--surface))}.project{flex:1;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:0;padding:0 12px 12px;display:grid}.main{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.main.vertical{flex-direction:row}.controls{background:var(--surface);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.controls .clock{font:500 13px var(--mono);font-variant-numeric:tabular-nums;padding:0 6px}.controls .spacer{flex:1}.timeline-wrap{background:var(--surface);border-radius:var(--radius);flex:none;padding:10px 6px 8px 0;position:relative}.main.vertical .timeline-wrap{width:280px;height:100%;padding:6px 8px 8px 6px}.timeline{touch-action:none;cursor:text;overscroll-behavior:contain;width:100%;display:block}.timeline-scroll{overscroll-behavior:contain;max-height:340px;overflow:auto}.main.vertical .timeline-scroll{height:100%;max-height:none}.column{background:var(--surface);border-radius:var(--radius);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.main.vertical .column{min-width:0}.main.vertical .column>.controls{border-radius:0;padding:10px 12px 4px}.transcript{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 10px 80px;overflow:auto}.transcript-head{align-items:center;gap:6px;padding:12px 14px 8px 18px;display:flex}.transcript-head h2{letter-spacing:-.01em;margin:0 10px 0 0;font-size:14px;font-weight:650}.para{transition:background .2s var(--ease);border-radius:12px;grid-template-columns:112px minmax(0,1fr);gap:16px;margin-bottom:2px;padding:10px 12px;display:grid}.para:hover{background:color-mix(in srgb, var(--ink) 2.5%, transparent)}.para.playing{background:color-mix(in srgb, var(--accent) 8%, transparent)}.para .who{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:5px;font-size:12px;font-weight:650;overflow:hidden}.para .who:hover{text-underline-offset:3px;text-decoration:underline}.para .when{font:11px var(--mono);color:var(--ink-3);cursor:pointer;margin-top:2px}.para .words{white-space:pre-wrap;overflow-wrap:anywhere;letter-spacing:-.006em;font-size:15px;line-height:1.6}.para.playing .words .w.future{color:var(--ink-2)}.para .words[contenteditable=true]{box-shadow:0 0 0 2px var(--accent);background:var(--surface);border-radius:8px;outline:none;margin:-2px -8px;padding:2px 8px}.w{cursor:pointer;border-radius:4px;transition:background .12s}.w.now{background:color-mix(in srgb, var(--accent) 26%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 26%, transparent)}.w.filler{color:var(--ink-2);font-style:italic}.w.redacted{background:var(--fill-strong);border-radius:5px;padding:0 4px;font-weight:550}.w.hit{background:#ffcc0073}.give{color:var(--ink-2);flex-wrap:wrap;grid-column:2;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;display:flex}.give .btn{border-radius:13px;height:26px;padding:0 10px;font-size:12px}.status-wrap:empty{display:none}.status-wrap{gap:8px;padding:10px 10px 0;display:grid}.steps{gap:10px;margin:12px 0 6px;display:grid}.step{grid-template-columns:18px 1fr auto;align-items:center;gap:10px;display:grid}.step .bar-track{background:var(--well);border-radius:2px;grid-column:2/4;height:4px;overflow:hidden}.step .bar-fill{background:var(--accent);height:100%;transition:width .3s var(--ease);border-radius:2px}.step .state{border:1.5px solid var(--ink-3);border-radius:50%;width:14px;height:14px}.step.running .state{border-color:var(--accent);border-top-color:#0000;animation:.9s linear infinite spin}.step.done .state{background:var(--accent);border-color:var(--accent)}.step.skipped .state,.step.waiting .state{opacity:.45}.step.failed .state{border-color:var(--record);background:var(--record)}@keyframes spin{to{transform:rotate(360deg)}}.inspector{align-content:start;gap:10px;width:300px;display:grid;overflow:auto}.inspector[hidden]{display:none}.inspector details{background:var(--surface);border-radius:var(--radius);padding:12px 14px}.inspector summary{cursor:pointer;letter-spacing:-.005em;justify-content:space-between;align-items:center;font-size:13px;font-weight:650;list-style:none;display:flex}.inspector summary::-webkit-details-marker{display:none}.inspector summary:after{content:"";border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);width:7px;height:7px;transition:transform .2s var(--ease);transform:rotate(45deg)translate(-2px,-2px)}.inspector details:not([open]) summary:after{transform:rotate(-45deg)}.inspector .content{gap:10px;margin-top:12px;display:grid}.speaker{grid-template-columns:12px 1fr auto;align-items:center;gap:8px;display:grid}.speaker .btn{height:26px;color:var(--ink-2);background:0 0;padding:0 9px;font-size:11.5px}.speaker .btn:hover{background:var(--fill);color:var(--ink)}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot.ring{border:2.5px solid;background:0 0!important}.talk{background:var(--well);border-radius:2px;grid-column:2/4;height:4px;margin-top:-2px}.talk>div{border-radius:2px;height:100%}.markrow{grid-template-columns:10px 1fr auto;align-items:center;gap:8px;display:grid}.noterow{grid-template-columns:auto 1fr auto;align-items:start;gap:6px;margin-bottom:6px;display:grid}.noterow .btn.icon{opacity:.6;width:26px;height:26px}.noterow .btn.icon:hover{opacity:1}.markrow .btn.icon{opacity:.6;width:26px;height:26px}.markrow .btn.icon:hover{opacity:1}.redrow{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.redrow .btn{height:26px;padding:0 9px;font-size:11.5px}.swatch{background:var(--mark);border-radius:3px;width:10px;height:10px}.tag{color:var(--ink-2);background:var(--fill-strong);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:650}video{background:#000;border-radius:10px;width:100%;display:block}.drop-overlay{z-index:40;background:color-mix(in srgb, var(--canvas) 55%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.4);pointer-events:none;animation:fade .15s var(--ease);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.drop-overlay>div{text-align:center;background:var(--raised);box-shadow:var(--shadow), 0 0 0 2px var(--accent);border-radius:24px;justify-items:center;gap:6px;padding:40px 56px;display:grid}.drop-overlay strong{letter-spacing:-.02em;font-size:20px;font-weight:700}.drop-overlay span{color:var(--ink-2)}@keyframes fade{0%{opacity:0}}dialog{background:var(--raised);color:var(--ink);box-shadow:var(--shadow), 0 0 0 1px var(--line);border:0;border-radius:20px;width:100%;max-width:min(560px,100vw - 32px);padding:0}dialog[open]{animation:rise .22s var(--ease)}dialog::backdrop{-webkit-backdrop-filter:blur(3px);background:#0a0a0e52}dialog .head{letter-spacing:-.015em;padding:20px 22px 0;font-size:16px;font-weight:650}dialog .body{gap:14px;max-height:min(70vh,640px);padding:14px 22px;display:grid;overflow:auto}dialog .foot{justify-content:flex-end;gap:8px;padding:4px 22px 20px;display:flex}dialog label.option{align-items:center;gap:8px;display:flex}dialog .grid2{grid-template-columns:150px 1fr;align-items:center;gap:10px 14px;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(8px)scale(.98)}}.menu{z-index:20;background:var(--glass);-webkit-backdrop-filter:blur(28px)saturate(1.8);min-width:210px;box-shadow:var(--shadow), 0 0 0 1px var(--line);animation:rise .14s var(--ease);border-radius:12px;padding:5px;display:grid;position:fixed}.menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:6px 10px;display:flex}.menu button:hover,.menu button:focus{background:var(--accent);color:var(--accent-ink);outline:none}.menu hr{background:var(--line);border:0;height:1px;margin:4px 8px}.menu .label{color:var(--ink-2);padding:5px 10px 2px;font-size:11px}.toast{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.8);box-shadow:var(--shadow), 0 0 0 1px var(--line);z-index:30;animation:rise .2s var(--ease);border-radius:12px;padding:9px 16px;font-weight:500;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.models{gap:10px;display:grid}.model{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.shortcut-row{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:860px){.project{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:8px;padding:0 8px 8px}.inspector{width:auto;max-height:40vh}.para{grid-template-columns:1fr;gap:2px}.main.vertical{flex-direction:column}.main.vertical .timeline-wrap{width:auto;height:auto}.bar{gap:2px;padding:8px 10px}}dialog label.option.source{background:var(--fill);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px}dialog label.option.source input{margin-top:3px}dialog label.option.source>span{gap:2px;display:grid}dialog label.option.source:has(input:checked){background:color-mix(in srgb, var(--accent) 12%, transparent)}.rec{justify-content:center;align-items:center;gap:12px;padding:8px 0 0;display:flex}.rec-clock{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:600}.rec-dot{background:var(--record);width:12px;height:12px;animation:rec-blink 1.6s var(--ease) infinite;border-radius:50%}.rec.paused .rec-dot{opacity:.35;animation:none}.rec-meter{background:var(--fill);border-radius:3px;height:6px;overflow:hidden}.rec-level{background:var(--accent);border-radius:3px;width:0;height:100%;transition:width 80ms linear}@keyframes rec-blink{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.rec-dot{animation:none}}
