@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color:#1b2923;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;letter-spacing:0;--ink:#1b2923;--paper:#fbfcf9;--surface:#e7ece6;--line:#d8dfd8;--muted:#758179;--green:#347b65;--coral:#d6755e;--signal:#d7f170;--mono:"IBM Plex Mono", "SFMono-Regular", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#e7ece6;font-family:DM Sans,Avenir Next,sans-serif;font-weight:400}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}html{scrollbar-color:var(--surface) var(--ink);scrollbar-width:thin}html::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track{background:var(--surface)}html::-webkit-scrollbar-thumb{border:3px solid var(--surface);background:#347b6594 padding-box padding-box;border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:var(--green);background-clip:padding-box}button,input{font:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #567c68}::selection{color:var(--ink);background:#d7f170}.app-shell{background:var(--surface);grid-template-rows:62px minmax(0,1fr) 78px;min-height:100vh;display:grid}.topbar{z-index:5;color:var(--paper);background:var(--ink);border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:relative}.brand{color:inherit;align-items:center;gap:10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.brand-symbol{width:30px;height:30px;color:var(--ink);background:var(--signal);border-radius:7px;place-items:center;display:grid}.topbar-right,.api-status{align-items:center;display:flex}.topbar-right{gap:22px}.speaker-roster{position:relative}.speaker-roster-trigger{min-height:30px;color:var(--ink);border:1px solid var(--line);cursor:pointer;font-family:var(--mono);background:#f2f4ef;border-radius:6px;align-items:center;gap:7px;padding:0 9px;font-size:9px;list-style:none;display:flex}.speaker-roster-trigger::-webkit-details-marker{display:none}.speaker-roster-trigger:hover,.speaker-roster[open] .speaker-roster-trigger{background:#e8eee5}.speaker-roster-count{width:17px;height:17px;color:var(--ink);background:var(--signal);border-radius:50%;place-items:center;font-size:9px;display:grid}.speaker-roster-popover{z-index:4;width:min(300px,100vw - 24px);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:7px;position:absolute;top:calc(100% + 9px);right:0;overflow:hidden;box-shadow:0 12px 32px #0e1f1733}.speaker-roster-heading,.speaker-roster-row,.speaker-roster-form{align-items:center;display:flex}.speaker-roster-heading{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 13px}.speaker-roster-heading strong{font-size:12px}.speaker-roster-heading>span{color:var(--muted);font-family:var(--mono);font-size:9px}.speaker-roster-list{max-height:min(45vh,300px);padding:4px 8px;overflow-y:auto}.speaker-roster-row{border-bottom:1px solid #edf0eb;gap:6px;min-height:42px}.speaker-roster-row:last-child{border-bottom:0}.speaker-roster-name{color:#315f50;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding-left:5px;font-size:12px;font-weight:600;overflow:hidden}.speaker-roster-form{gap:5px;width:100%}.speaker-roster-form input{min-width:0;height:30px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:4px;flex:1;padding:0 8px;font-size:12px}.speaker-roster-icon{color:#52645a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:0 0 29px;place-items:center;width:29px;height:29px;display:grid}.speaker-roster-icon:hover{color:var(--ink);border-color:var(--line);background:#edf2e9}.workspace-label,.api-status,.panel-kicker,.model-role,.model-index,.privacy-note,.transcript-meta,.player-context,.player-language,.processing-models,.empty-state-label h3,.empty-state-label .panel-kicker{font-family:var(--mono);letter-spacing:0;font-size:10px;font-weight:500}.workspace-label{color:#f8faf6a3}.workspace-label span{color:#f8faf657;padding:0 5px}.api-status{color:#dfe9df;background:#ffffff12;border:1px solid #ffffff1f;border-radius:6px;gap:8px;min-height:30px;padding:0 10px}.status-dot{background:#9ba49d;border-radius:50%;width:7px;height:7px}.api-status--ready .status-dot{background:var(--signal);box-shadow:0 0 0 3px #d7f17024}.workspace-grid{background:var(--paper);grid-template-columns:minmax(300px,350px) minmax(0,1fr);width:100%;max-width:1600px;min-height:0;margin:0 auto;display:grid}.source-panel{border-right:1px solid var(--line);background-color:#edf1e9;flex-direction:column;height:calc(100vh - 78px);padding:30px 25px 25px;animation:.42s ease-out both appear-up;display:flex;position:sticky;top:0}.panel-kicker{color:var(--muted);align-items:center;gap:10px;display:flex}.panel-kicker>span:first-child{color:var(--coral)}.source-panel h1{color:var(--ink);margin:17px 0 25px;font-size:30px;font-weight:600;line-height:1.08}.model-stack{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:27px}.model-row{border-bottom:1px solid #192a2214;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;min-height:43px;display:grid}.model-row:last-child{border-bottom:0}.model-index{color:var(--coral)}.model-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.model-role{color:var(--muted);font-size:9px}.privacy-note{color:var(--green);align-items:center;gap:9px;margin-top:auto;padding-top:22px;display:flex}.upload-panel{flex-direction:column;gap:13px;display:flex}.drop-zone{background:#fbfcf999;border:1px dashed #aebcb0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;min-height:207px;padding:17px;transition:border-color .16s,background .16s;display:flex;position:relative}.drop-zone--dragging{border-color:var(--green);background:#f7f9ec}.drop-zone--file{border-style:solid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.drop-zone-topline{color:var(--muted);font-family:var(--mono);justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;top:12px;left:12px;right:12px}.drop-zone-topline button{width:25px;height:25px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.upload-icon{width:42px;height:42px;color:var(--ink);background:var(--signal);border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.drop-zone-copy{justify-items:center;gap:5px;display:grid}.drop-zone-copy strong{color:var(--ink);font-size:13px;font-weight:600}.drop-zone-copy span{color:var(--muted);font-family:var(--mono);font-size:9px}.selected-file{max-width:100%;color:var(--green);align-items:flex-start;gap:7px;margin-bottom:3px;font-size:12px;display:flex}.selected-file svg{flex:none;margin-top:2px}.selected-file span{min-width:0;max-width:225px;color:var(--ink);overflow-wrap:anywhere;white-space:normal;line-height:1.4}.file-select-button{min-height:30px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #c9d2c9;border-radius:5px;margin-top:11px;padding:0 10px;font-size:11px}.file-select-button:hover{background:#fff}.language-setting{color:#54635a;justify-content:space-between;align-items:center;min-height:37px;font-size:12px;display:flex}.language-select{flex:0 0 170px;width:170px;position:relative}.language-select select{width:100%;height:32px;color:var(--ink);border:1px solid var(--line);appearance:none;cursor:pointer;background:#fbfcf9b3;border-radius:5px;padding:0 30px 0 9px;font-size:11px;transition:background .14s,border-color .14s,box-shadow .14s;display:block}.language-select:hover select{background:var(--paper);border-color:#bdc9bd}.language-select:focus-within select{border-color:var(--green);outline-offset:2px;outline:2px solid #347b6538}.language-select option{color:var(--ink);background:var(--paper)}.language-select-chevron{color:var(--green);pointer-events:none;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.transcribe-button{min-height:43px;color:var(--paper);background:var(--ink);border:1px solid var(--ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:600;transition:background .14s,color .14s;display:flex}.transcribe-button:not(:disabled):hover{color:var(--ink);background:var(--signal);border-color:var(--signal)}.transcribe-button:disabled{cursor:not-allowed;opacity:.52}.button-shortcut{color:var(--signal);margin-left:auto;padding-right:12px;font-size:16px}.spin-icon{animation:1s linear infinite spin}.transcript-panel{background:var(--paper);flex-direction:column;min-width:0;min-height:0;animation:.52s ease-out 60ms both appear-up;display:flex}.transcript-header{background:var(--paper);z-index:2;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;min-height:116px;padding:30px 35px 25px;display:flex;position:sticky;top:0}.transcript-title{min-width:0}.transcript-title h2{max-width:min(56vw,720px);color:var(--ink);overflow-wrap:anywhere;margin:8px 0 0;font-size:20px;font-weight:600}.transcript-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;font-size:9px;display:flex}.meta-divider{background:#9ba59e;border-radius:50%;width:3px;height:3px}.alignment-label--whisper-segment{color:#9b6832}.transcript-content{padding:0 34px 30px}.segments-count{color:var(--muted);font-family:var(--mono);justify-content:space-between;padding:14px 0 8px;font-size:9px;display:flex}.segment-list{display:grid}.transcript-segment{width:100%;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:3px minmax(0,1fr);align-items:stretch;gap:13px;padding:14px 10px;animation:.26s ease-out both appear-up;display:grid}.transcript-segment:hover,.transcript-segment--active{background:#f4f6f0}.segment-rail{background:#d9dfd7;width:3px;min-height:100%}.transcript-segment--active .segment-rail{background:var(--coral)}.segment-inner{gap:7px;min-width:0;display:grid}.segment-topline{color:var(--muted);font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:7px;font-size:9px;display:flex}.speaker-control,.speaker-edit-form{align-items:center;gap:4px;display:inline-flex}.segment-topline time span{color:#a5aea6}.segment-speaker{color:#315f50;background:#e7f0e8;border:1px solid #d7e4d8;border-radius:3px;padding:2px 6px;font-weight:600}.segment-text{overflow-wrap:anywhere;font-size:14px;line-height:1.55}.segment-playback{width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:8px;padding:0;display:grid}.segment-play{color:#8c978e;align-self:center}.speaker-edit-button,.speaker-edit-action{width:25px;min-width:25px;height:25px;padding:0}.speaker-edit-input{width:min(150px,35vw);min-width:90px;height:28px;color:var(--ink);background:var(--paper);border:1px solid var(--line);font:inherit;border-radius:5px;padding:0 7px;font-size:11px}.transcript-actions{flex:none;align-items:center;gap:8px;display:flex}.search-box{width:168px;height:35px;color:var(--muted);border:1px solid var(--line);background:#f2f4ef;border-radius:6px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-box input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:12px}.search-box input::placeholder{color:#89948c}.icon-button,.export-trigger{min-width:36px;height:36px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 9px;transition:background .14s,border-color .14s;display:inline-flex}.icon-button:hover,.export-trigger:hover{background:#eef2e9;border-color:#bdc9bd}.export-menu{position:relative}.export-trigger{font-size:12px;list-style:none}.export-trigger::-webkit-details-marker{display:none}.export-popover{z-index:5;background:var(--paper);border:1px solid var(--line);border-radius:7px;width:180px;padding:5px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #16281f1f}.export-popover button{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:9px;display:grid}.export-popover button:hover{background:#eef2e9}.export-popover button span{font-size:12px}.export-popover button small{color:var(--muted);font-family:var(--mono);font-size:9px}.transcript-body,.speaker-roster-list{scrollbar-color:#b7c6b9 transparent;scrollbar-width:thin}.transcript-body::-webkit-scrollbar{width:10px;height:10px}.speaker-roster-list::-webkit-scrollbar{width:10px;height:10px}.transcript-body::-webkit-scrollbar-track{background:0 0}.speaker-roster-list::-webkit-scrollbar-track{background:0 0}.transcript-body::-webkit-scrollbar-thumb{background:#347b657a padding-box content-box;border:3px solid #0000;border-radius:999px}.speaker-roster-list::-webkit-scrollbar-thumb{background:#347b657a padding-box content-box;border:3px solid #0000;border-radius:999px}.transcript-body::-webkit-scrollbar-thumb:hover{background:var(--green);background-clip:content-box}.speaker-roster-list::-webkit-scrollbar-thumb:hover{background:var(--green);background-clip:content-box}.transcript-body{flex:1;min-height:0;position:relative;overflow:auto}.error-banner{color:#763e33;background:#fbede7;border-bottom:1px solid #ecd2c8;justify-content:space-between;align-items:center;gap:12px;padding:11px 20px 11px 34px;font-size:12px;display:flex}.error-banner button{width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}.empty-state{color:#8d9a90;background-image:radial-gradient(#21392c16 .65px,#0000 .65px);background-position:50%;background-size:9px 9px;flex-direction:column;justify-content:center;align-items:center;gap:27px;min-height:100%;display:flex}.empty-state--short{background:0 0;min-height:280px}.empty-wave{opacity:.72;justify-content:center;align-items:center;gap:5px;width:min(390px,65%);height:82px;display:flex}.empty-wave span{transform-origin:50%;background:linear-gradient(#d6785f 0 22%,#386f60 22% 100%);border-radius:4px;width:4px;min-height:5px;animation:.48s ease-out both wave-in}.empty-wave span:nth-child(3n){background:#d4a94f}.empty-wave span:nth-child(4n){background:#6078bb}.empty-wave span:nth-child(2n){animation-delay:45ms}.empty-state-label{justify-items:center;gap:8px;display:grid}.empty-state-label h3{color:#68766d;margin:0;font-size:10px;font-weight:500}.processing-state{background-image:radial-gradient(#21392c13 .65px,#0000 .65px);background-size:9px 9px;grid-template-columns:44px minmax(0,1fr);place-content:center;gap:26px 18px;min-height:100%;padding:32px;display:grid}.processing-orbit{width:44px;height:44px;color:var(--ink);background:var(--signal);border-radius:50%;place-items:center;animation:1.6s ease-in-out infinite breathe;display:grid}.processing-orbit svg{animation:1.8s linear infinite spin}.processing-copy h3{color:var(--ink);margin:9px 0 4px;font-size:17px;font-weight:600}.processing-copy p{color:var(--muted);font-size:12px}.processing-progress{grid-column:1/-1;gap:9px;width:100%;display:grid}.processing-progress-label{color:var(--muted);font-family:var(--mono);justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.processing-progress-label output{color:var(--ink);font-variant-numeric:tabular-nums}.processing-progress progress{appearance:none;background:#dbe2d8;border:0;border-radius:999px;width:100%;height:8px;display:block;overflow:hidden}.processing-progress progress::-webkit-progress-bar{background:#dbe2d8;border-radius:999px}.processing-progress progress::-webkit-progress-value{background:var(--green);border-radius:999px;transition:width .24s ease-out}.processing-progress progress::-moz-progress-bar{background:var(--green);border-radius:999px}.processing-models{color:var(--muted);grid-column:2;gap:8px;display:flex}.processing-models span{border:1px solid var(--line);background:#ffffff94;border-radius:4px;padding:6px 8px;font-size:9px}.player-shell{z-index:4;color:var(--paper);background:var(--ink);border-top:1px solid #ffffff21;justify-content:center;align-items:center;padding:0 14px;display:flex;position:sticky;bottom:0}.audio-dock{align-items:center;gap:14px;width:80%;min-width:0;margin:0 auto;display:flex}.audio-dock-button{width:36px;min-width:36px;height:36px;color:var(--ink);background:var(--line);flex:0 0 36px;padding:0}.audio-dock-button:disabled{cursor:not-allowed;opacity:.5}@media (width<=720px){.audio-dock{gap:8px;width:100%}}.seek-slider{cursor:pointer;appearance:none;background:0 0;flex:1;min-width:0;height:24px;margin:0;padding:0}.seek-slider:focus-visible{outline:2px solid var(--signal);outline-offset:4px;border-radius:999px}.seek-slider:disabled{cursor:not-allowed;opacity:.5}.seek-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--signal) 0, var(--signal) var(--seek-progress,0%), #f8faf63d var(--seek-progress,0%), #f8faf63d 100%);border-radius:999px;height:4px}.seek-slider::-moz-range-track{background:#f8faf63d;border-radius:999px;height:4px}.seek-slider::-moz-range-progress{background:var(--signal);border-radius:999px;height:4px}.seek-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink);background:var(--signal);border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:box-shadow .14s,transform .14s;box-shadow:0 0 0 3px #d7f17029}.seek-slider::-moz-range-thumb{border:2px solid var(--ink);background:var(--signal);border-radius:50%;width:10px;height:10px;transition:box-shadow .14s,transform .14s;box-shadow:0 0 0 3px #d7f17029}.seek-slider:not(:disabled):hover::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 0 0 5px #d7f17033}.seek-slider:not(:disabled):hover::-moz-range-thumb{transform:scale(1.08);box-shadow:0 0 0 5px #d7f17033}.player-context,.player-language{color:#f8faf6a3;align-items:center;gap:8px;display:flex}.player-language{justify-content:flex-end}.player-language span{color:var(--coral)}.segment-language{color:#66736b;font-family:var(--mono);background:#f0f3ee;border:1px solid #e2e7e0;border-radius:3px;align-items:center;padding:2px 5px;font-size:8px;display:inline-flex}@keyframes appear-up{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes wave-in{0%{opacity:0;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{box-shadow:0 0 0 8px #d7f1702e}}@media (width<=1050px){.workspace-grid{grid-template-columns:minmax(270px,310px) minmax(0,1fr)}.source-panel{padding-left:20px;padding-right:20px}.transcript-header{flex-direction:column;align-items:flex-start;gap:14px;padding:20px 24px}.transcript-title h2{max-width:70vw}.player-shell{padding:0 16px}}@media (width<=720px){.app-shell{grid-template-rows:56px 1fr auto;min-height:100svh}.topbar{padding:0 15px}.workspace-label{display:none}.api-status{min-height:28px;padding:0 8px;font-size:9px}.workspace-grid{flex-direction:column;min-height:0;display:flex}.source-panel{border-right:0;border-bottom:1px solid var(--line);padding:21px 18px 18px}.source-panel h1{margin:11px 0 17px;font-size:25px}.model-stack,.privacy-note{display:none}.transcript-panel{min-height:420px}.transcript-header{min-height:0;padding:19px 18px 15px}.transcript-title h2{max-width:calc(100vw - 36px);font-size:17px}.transcript-actions{width:100%}.search-box{flex:1;width:auto}.player-shell{min-height:72px;padding:9px 14px 10px;position:sticky;bottom:0}.player-context,.player-language{display:none}.processing-state{padding:24px 18px}.processing-copy h3{font-size:15px}.processing-models{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}