:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef2f0;font-synthesis:none;text-rendering:optimizelegibility;background:#151718;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:linear-gradient(#30383ac7,#15171800 280px),#151718;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;padding:20px}.topbar{justify-content:space-between;align-items:center;gap:18px;max-width:1480px;margin:0 auto 18px;display:flex}.brand{align-items:center;gap:12px;min-width:260px;display:flex}.brand-mark{color:#08241f;background:#1fc7af;border:1px solid #ffffff1f;justify-content:center;align-items:center;width:40px;height:40px;display:grid}.brand h1,.panel-header h2,.result-toolbar h2{letter-spacing:0;margin:0;font-size:18px;line-height:1.1}.brand span,.panel-header p,.result-toolbar p,.webllm-box p,.drop-zone span,label small,.quiet{color:#9ca9a5;font-size:13px;display:block}.runtime-strip{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.runtime-pill{white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:7px;min-height:30px;padding:5px 9px;display:inline-flex}.runtime-pill.good{color:#84f0df}.runtime-pill.warn{color:#ffcf75}.workspace{grid-template-columns:minmax(330px,420px) minmax(0,1fr);gap:18px;min-width:0;max-width:1480px;margin:0 auto;display:grid}.control-pane,.result-pane{background:#202425;border:1px solid #ffffff1a;min-width:0;box-shadow:0 18px 50px #0000003d}.control-pane{flex-direction:column;align-self:start;gap:14px;padding:16px;display:flex}.result-pane{min-height:calc(100vh - 102px);overflow:hidden}.panel-header,.result-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.drop-zone{cursor:pointer;background:#171a1b;border:1px dashed #84f0df6b;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;min-height:120px;padding:14px;transition:border-color .16s,background .16s,transform .16s;display:grid}.drop-zone:hover,.drop-zone.is-dragging{background:#122421;border-color:#1fc7af}.drop-zone input{display:none}.drop-icon{color:#84f0df;background:#1fc7af1f;justify-content:center;align-items:center;width:46px;height:46px;display:grid}.drop-zone strong{overflow-wrap:anywhere;margin-bottom:4px;font-size:15px;display:block}.audio-player{width:100%}.waveform{cursor:pointer;background:#171a1b;border:1px solid #ffffff17;width:100%;height:66px;padding:8px;position:relative}.waveform:disabled{cursor:default;opacity:.65}.wave-bars{align-items:center;gap:0;height:100%;display:flex}.wave-bars span{background:#586260;flex:1px;min-width:0;display:block}.wave-bars span.played{background:#1fc7af}.playhead{background:#ffbe55;width:2px;position:absolute;top:6px;bottom:6px}.settings-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}label span{color:#dbe3e0;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}select,input{color:#eef2f0;background:#171a1b;border:1px solid #ffffff1f;outline:none;width:100%;min-height:38px;padding:8px 9px}select:focus,input:focus,button:focus-visible{border-color:#1fc7af;box-shadow:0 0 0 3px #1fc7af29}.inline-inputs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.toggle-row{background:#ffffff0d;border:1px solid #ffffff17;grid-template-columns:auto 1fr;align-items:flex-start;gap:2px 10px;padding:10px;display:grid}.toggle-row input{width:16px;height:16px;min-height:0;margin:2px 0 0}.toggle-row span{color:#dbe3e0;text-transform:none;margin:0;font-size:13px;font-weight:800;line-height:1.2;display:block}.toggle-row small{grid-column:2}.action-row,.toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.primary-button,.secondary-button,.toolbar-actions button{cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.primary-button{color:#07251f;background:#1fc7af;flex:1}.secondary-button,.toolbar-actions button{color:#eef2f0;background:#ffffff12;border-color:#ffffff1a}.secondary-button.full{width:100%}button:disabled{cursor:not-allowed;opacity:.52}.progress-stack{gap:8px;display:grid}.chunk-note{color:#bfe7df;background:#1fc7af14;border:1px solid #1fc7af2e;padding:9px 10px;font-size:12px;line-height:1.45}.diagnostic-note{color:#f3dfbd;background:#ffbe5514;border:1px solid #ffbe5533;gap:4px;padding:9px 10px;font-size:12px;line-height:1.4;display:grid}.diagnostic-note strong{color:#ffe9c2;font-size:12px}.diagnostic-note span,.diagnostic-note small{color:#d7c7ad}.chunk-progress,.progress-item{gap:6px;display:grid}.progress-label{color:#c8d1ce;justify-content:space-between;gap:12px;font-size:12px;display:flex}.progress-label span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-track{background:#111314;height:7px;overflow:hidden}.progress-fill{background:#1fc7af;height:100%;transition:width .14s}.progress-fill.amber{background:#ffbe55}.webllm-box,.log-panel,.notes-panel{background:#171a1b;border:1px solid #ffffff17;padding:12px}.mini-heading{color:#e7eeeb;align-items:center;gap:7px;margin-bottom:8px;font-size:13px;font-weight:800;display:flex}.result-toolbar{color:#202425;background:#f5f8f6;border-bottom:1px solid #d9e0dd;padding:16px}.result-toolbar p{color:#5f6c68}.metrics-strip{color:#202425;background:#edf2f0;border-bottom:1px solid #d9e0dd;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;display:grid}.metric-tile{background:#f8fbfa;min-width:0;padding:11px 14px}.metric-tile span{color:#65726e;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;line-height:1.2;display:block}.metric-tile strong{color:#202425;overflow-wrap:anywhere;font-size:16px;line-height:1.2;display:block}.toolbar-actions{justify-content:flex-end}.toolbar-actions button,.search-box{color:#202425;background:#fff;border:1px solid #d9e0dd}.search-box{align-items:center;gap:7px;min-height:38px;padding:0 9px;display:inline-flex}.search-box input{color:#202425;background:0 0;border:0;width:180px;min-height:34px;padding:0}.turn-list{color:#202425;background:#f5f8f6;align-content:start;gap:1px;min-height:420px;max-height:calc(100vh - 255px);display:grid;overflow:auto}.turn{contain-intrinsic-size:0 112px;content-visibility:auto;background:#fff;grid-template-columns:94px 1fr;gap:14px;padding:13px 16px;display:grid}.turn.is-active{background:#e9fbf7;box-shadow:inset 4px 0 #1fc7af}.turn-time{color:#39504b;cursor:pointer;background:#edf1ef;border:1px solid #d9e0dd;align-self:start;padding:7px 6px;font-size:12px;font-weight:800}.turn-meta{color:#66736f;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;font-size:12px;font-weight:800;display:flex}.turn p{margin:0;font-size:15px;line-height:1.58}.segments-panel{color:#202425;background:#f5f8f6;border-top:1px solid #d9e0dd}.benchmark-panel{color:#202425;background:#f5f8f6;border-bottom:1px solid #d9e0dd}.benchmark-summary{grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;padding:0 16px 14px;display:grid}.benchmark-summary div{background:#fff;min-width:0;padding:10px}.benchmark-summary span,.benchmark-head span{color:#65726e;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.2;display:block}.benchmark-summary strong{color:#202425;overflow-wrap:anywhere;margin-top:4px;font-size:15px;line-height:1.2;display:block}.benchmark-table{padding:0 16px 16px;display:grid;overflow-x:auto}.benchmark-row{background:#fff;border-bottom:1px solid #d9e0dd;grid-template-columns:74px 112px 112px 112px 112px 112px;gap:12px;min-width:710px;padding:8px 10px;font-size:13px;display:grid}.benchmark-head{z-index:1;background:#edf2f0;position:sticky;top:0}.insights-panel{color:#202425;background:#f5f8f6;border-bottom:1px solid #d9e0dd}.insights-loading{color:#65726e;align-items:center;gap:8px;padding:0 16px 16px;font-size:13px;display:flex}.phrase-trail{background:#fff;border:1px solid #d9e0dd;gap:4px;margin:0 16px 12px;padding:10px;display:grid}.phrase-trail span,.term-group>span{color:#65726e;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.2}.phrase-trail strong{color:#202425;font-size:14px;line-height:1.4}.insights-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 16px;display:grid}.term-group{background:#fff;border:1px solid #d9e0dd;min-width:0;padding:10px}.term-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.term-chip{color:#253330;overflow-wrap:anywhere;background:#edf2f0;align-items:center;gap:5px;max-width:100%;min-height:24px;padding:5px 7px;font-size:12px;line-height:1.2;display:inline-flex}.term-chip small{color:#52605c;background:#dbe4e0;padding:1px 4px;font-size:10px;font-weight:800}.segments-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px 10px;display:flex}.segments-header h3{margin:0 0 4px;font-size:15px;line-height:1.2}.segments-header p{color:#65726e;margin:0;font-size:13px}.segments-header>span{color:#39504b;white-space:nowrap;background:#fff;border:1px solid #d9e0dd;padding:6px 8px;font-size:12px;font-weight:800}.segments-table{padding:0 16px 16px;display:grid;overflow-x:auto}.segments-row{contain-intrinsic-size:0 38px;content-visibility:auto;color:#202425;text-align:left;background:#fff;border:0;border-bottom:1px solid #d9e0dd;grid-template-columns:minmax(96px,1fr) 122px 122px 84px 84px;gap:12px;min-width:610px;padding:9px 10px;font-size:13px;display:grid}button.segments-row{cursor:pointer}button.segments-row:hover,.segments-row.is-active{background:#e9fbf7}.segments-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.segments-row-head{color:#65726e;text-transform:uppercase;z-index:1;background:#edf2f0;font-size:11px;font-weight:800;position:sticky;top:0}.empty-state{color:#202425;text-align:center;background:#f5f8f6;align-content:center;justify-items:center;min-height:420px;padding:40px;display:grid}.empty-state strong{margin-top:12px;font-size:18px}.empty-state span{color:#5f6c68;max-width:440px}.notes-panel{border-left:0;border-right:0}.notes-panel pre{color:#dbe3e0;white-space:pre-wrap;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.6}.log-panel{border-bottom:0;border-left:0;border-right:0}.log-panel ol{color:#aeb9b5;gap:5px;margin:0;padding:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px;list-style:none;display:grid}.spinner{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1040px){.workspace{grid-template-columns:1fr}.control-pane,.result-pane{width:100%}.result-pane{min-height:640px}.turn-list{max-height:none}.metrics-strip,.benchmark-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.app-shell{padding:12px}.topbar,.result-toolbar{flex-direction:column;align-items:stretch}.runtime-strip,.toolbar-actions{justify-content:flex-start}.settings-grid,.drop-zone,.turn{grid-template-columns:1fr}.turn-time{justify-self:start}.search-box,.search-box input{width:100%}.metrics-strip,.benchmark-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.segments-header{flex-direction:column}}