:root{--paper:#f4efe6;--sidebar-bg:#eae4d7;--card-bg:#faf7f0;--ink:#1e2527;--ink-light:#323b3e;--muted:#67716c;--line:#d8d0c2;--line-light:#e6dfd2;--sea:#155c63;--sea-dark:#0d444a;--sea-light:#e3ede9;--sun:#d49b35;--sun-light:#fbf5e6;--wash:#ebe5d8;--red:#a33f35;--red-light:#faecea;--green:#2d7a4f;--green-light:#e8f4ed}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit}.eyebrow,.section-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--sea);margin:0 0 8px;font:500 10.5px/1.2 DM Mono,monospace}.studio-workspace-shell{background:var(--paper);width:100vw;height:100vh;display:flex;overflow:hidden}.studio-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--line);z-index:40;flex-direction:column;flex-shrink:0;width:350px;min-width:310px;max-width:380px;height:100vh;display:flex}.sidebar-header{border-bottom:1px solid var(--line);padding:24px 20px 16px}.brand-group{margin-bottom:14px}.brand-title{letter-spacing:-.05em;color:var(--ink);margin:0;font:600 clamp(1.6rem,2.2vw,2.1rem)/.95 Fraunces,serif}.brand-title em{color:var(--sea);font-style:italic}.sidebar-meta-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.stream-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:#ffffff73;border-radius:4px;align-items:center;gap:7px;padding:4px 8px;font:500 11px/1 DM Mono,monospace;display:inline-flex}.stream-badge.live{color:var(--sea);border-color:#155c6333}.stream-badge .pulse-dot{background:var(--sun);border-radius:50%;width:7px;height:7px}.stream-badge.live .pulse-dot{background:var(--sea);box-shadow:0 0 0 2px var(--sea-light)}.stream-badge.reconnecting .pulse-dot{background:var(--sun);animation:1.2s ease-in-out infinite pulse}.logout-form{margin:0}.logout-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:4px 9px;font:500 11px DM Mono,monospace;transition:all .15s}.logout-btn:hover{border-color:var(--ink);color:var(--ink);background:#fff}.mobile-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px;display:none}.sidebar-actions{padding:16px 20px 12px}.new-job-btn{background:var(--sea);color:#fff;border:1px solid var(--sea-dark);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 16px;font-size:13.5px;font-weight:600;transition:background .15s,transform .1s;display:flex;box-shadow:0 1px 2px #0d444a26}.new-job-btn:hover{background:var(--sea-dark)}.new-job-btn .plus-icon{font-size:17px;font-weight:400;line-height:1}.new-job-btn.active{background:var(--sea-dark);box-shadow:inset 0 2px 4px #0003}.sidebar-jobs-section{flex-direction:column;flex:1;padding:8px 12px 24px;display:flex;overflow-y:auto}.sidebar-section-header{justify-content:space-between;align-items:center;padding:8px 10px 10px;display:flex}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font:600 11px DM Mono,monospace}.job-count-pill{color:var(--sea);background:var(--sea-light);border-radius:10px;padding:1px 7px;font:500 11px DM Mono,monospace}.sidebar-empty{text-align:center;color:var(--muted);padding:36px 16px}.sidebar-empty p{color:var(--ink);margin:0 0 6px;font-size:13.5px;font-weight:600}.sidebar-empty small{font-size:12px;line-height:1.4;display:block}.sidebar-job-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sidebar-job-item{display:block}.job-item-card{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;gap:4px;width:100%;padding:10px 12px;transition:all .15s;display:flex;position:relative}.job-item-card:hover{border-color:var(--line-light);background:#ffffff73}.job-item-card.selected{border-color:var(--line);background:#fff;box-shadow:0 2px 6px #0000000a}.job-item-card.selected:before{content:"";background:var(--sea);border-radius:0 3px 3px 0;width:3.5px;position:absolute;top:6px;bottom:6px;left:0}.job-item-top{align-items:center;gap:8px;min-width:0;display:flex}.status-indicator{background:#a4aca7;border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-indicator.completed{background:var(--sea)}.status-indicator.failed{background:var(--red)}.status-indicator.transcribing,.status-indicator.preparing,.status-indicator.preparing_audio,.status-indicator.formatting,.status-indicator.aligning{background:var(--sun);animation:1s infinite pulse}.job-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ink);flex:1;font-size:13.5px;font-weight:600;overflow:hidden}.job-delete-btn{color:var(--muted);opacity:.4;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.job-item-card:hover .job-delete-btn{opacity:.8}.job-delete-btn:hover{opacity:1;color:var(--red);background:var(--red-light)}.job-item-meta{color:var(--muted);align-items:center;gap:8px;padding-left:16px;font-size:11.5px;display:flex}.job-status-text{font-weight:500}.job-duration-text{font-family:DM Mono,monospace;font-size:11px}.job-time-text{margin-left:auto}.job-item-submeta{align-items:center;padding-left:16px;display:flex}.job-expiration-hint{color:#8c948e;font-family:DM Mono,monospace;font-size:10.5px}.job-mini-progress{background:var(--wash);border-radius:2px;width:100%;height:3px;margin-top:5px;overflow:hidden}.job-mini-bar{background:var(--sea);height:100%;transition:width .3s}.studio-main-workspace{background:var(--paper);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex}.mobile-header-bar{background:var(--sidebar-bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 18px;display:none}.mobile-menu-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:600;display:flex}.mobile-new-btn{background:var(--sea);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600}.workspace-scroll-area{flex:1;padding:44px 56px 80px;overflow-y:auto}.upload-zone-container{max-width:740px;margin:0 auto}.upload-hero{margin-bottom:32px}.upload-title{letter-spacing:-.05em;color:var(--ink);margin:0 0 14px;font:600 clamp(2rem,3.8vw,3.2rem)/.98 Fraunces,serif}.upload-lede{color:var(--muted);max-width:58ch;margin:0;font-size:15px;line-height:1.65}.upload-form-card{flex-direction:column;gap:24px;display:flex}.dropzone-box{text-align:center;cursor:pointer;background:#fbf9f4;border:2px dashed #b9b4a7;border-radius:8px;padding:40px 24px;transition:all .2s;position:relative}.dropzone-box:hover,.dropzone-box.dragging{border-color:var(--sea);background:#edf4f1}.dropzone-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.dropzone-content{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex}.dropzone-icon{color:var(--sea);margin-bottom:4px}.dropzone-prompt{color:var(--ink);margin:0;font-size:15px}.dropzone-prompt strong{color:var(--sea)}.dropzone-hint{color:var(--muted);margin:0;font-size:12.5px}.file-preview-card{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.file-preview-info{align-items:center;gap:14px;min-width:0;display:flex}.file-preview-icon{color:var(--sea);flex-shrink:0}.file-preview-details{flex-direction:column;gap:3px;min-width:0;display:flex}.file-preview-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.file-preview-meta{color:var(--muted);font-family:DM Mono,monospace;font-size:12px}.file-remove-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.file-remove-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.model-selector-group{flex-direction:column;gap:10px;display:flex}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font:600 12px DM Mono,monospace}.model-options-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.model-option-card{border:1px solid var(--line);cursor:pointer;background:#fbf9f4;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;transition:all .15s;display:flex;position:relative}.model-option-card:hover{border-color:#b7b0a2}.model-option-card.selected{border-color:var(--sea);box-shadow:0 0 0 1px var(--sea);background:#f4f8f6}.model-option-card input[type=radio]{accent-color:var(--sea);margin-top:3px}.model-option-body{flex-direction:column;gap:6px;display:flex}.model-option-header{align-items:center;gap:8px;display:flex}.model-option-header strong{color:var(--ink);font-size:14.5px}.model-tag-recommended{text-transform:uppercase;background:var(--sea-light);color:var(--sea);border-radius:4px;padding:2px 6px;font:600 10px DM Mono,monospace}.model-tag-detail{text-transform:uppercase;background:var(--wash);color:var(--muted);border-radius:4px;padding:2px 6px;font:500 10px DM Mono,monospace}.model-option-desc{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.model-note{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.5}.privacy-notice-box{background:#edf5f1;border:1px solid #d4dfd9;border-radius:8px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.privacy-notice-icon{font-size:18px;line-height:1.2}.privacy-notice-text{color:#233b37;flex-direction:column;gap:4px;font-size:13px;line-height:1.55;display:flex}.privacy-notice-text strong{color:var(--sea-dark);font-size:13.5px}.upload-error-alert{background:var(--red-light);color:var(--red);border:1px solid #ecc5c1;border-radius:6px;align-items:center;gap:10px;padding:14px 16px;font-size:13.5px;display:flex}.upload-progress-wrapper{flex-direction:column;gap:8px;display:flex}.upload-progress-header{color:var(--muted);justify-content:space-between;font-family:DM Mono,monospace;font-size:12.5px;display:flex}.upload-progress-track{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.upload-progress-fill{background:var(--sea);height:100%;transition:width .2s}.upload-actions{justify-content:flex-end;display:flex}.submit-upload-btn{background:var(--sea);color:#fff;cursor:pointer;border:0;border-radius:6px;align-items:center;gap:10px;padding:14px 28px;font-size:14.5px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex;box-shadow:0 1px 3px #0000001f}.submit-upload-btn:hover:not(:disabled){background:var(--sea-dark)}.submit-upload-btn:disabled{opacity:.55;cursor:not-allowed}.button-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.job-progress-container{max-width:740px;margin:0 auto}.job-progress-hero{margin-bottom:28px}.progress-job-title{letter-spacing:-.04em;color:var(--ink);margin:6px 0 12px;font:600 clamp(1.8rem,3.2vw,2.6rem)/1.05 Fraunces,serif}.progress-meta-pills{flex-wrap:wrap;gap:8px;display:flex}.meta-pill{background:var(--wash);color:var(--muted);border-radius:4px;padding:4px 10px;font:500 11px DM Mono,monospace}.progress-card{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:24px;padding:28px;box-shadow:0 2px 8px #00000008}.progress-stats-row{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.progress-percentage-display{align-items:baseline;gap:14px;display:flex}.percentage-number{color:var(--sea);letter-spacing:-.04em;font:600 38px/1 DM Mono,monospace}.percentage-caption{color:var(--muted);font-size:14px}.stage-live-indicator{text-transform:uppercase;color:var(--sea);align-items:center;gap:6px;font:500 11px DM Mono,monospace;display:inline-flex}.indicator-pulse{background:var(--sun);border-radius:50%;width:8px;height:8px;animation:1s infinite pulse}.progress-bar-wrapper{margin-bottom:28px}.progress-bar-track{background:var(--wash);border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:var(--sea);height:100%;transition:width .3s}.stepper-track{border-top:1px solid var(--line-light);grid-template-columns:repeat(4,1fr);gap:12px;padding-top:10px;display:grid;position:relative}.stepper-step{flex-direction:column;gap:8px;display:flex}.stepper-node{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex}.stepper-step.finished .stepper-node{background:var(--sea);color:#fff}.stepper-step.current .stepper-node{background:var(--sea-light);border:2px solid var(--sea)}.stepper-spinner{border:2px solid var(--sea-light);border-top-color:var(--sea);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}.stepper-step.pending .stepper-node{border:1px solid var(--line);background:#f7f5ed}.stepper-dot{background:#b5b0a3;border-radius:50%;width:6px;height:6px}.stepper-content{flex-direction:column;gap:2px;display:flex}.stepper-title{color:var(--ink);font-size:12.5px;font-weight:600}.stepper-step.pending .stepper-title{color:var(--muted)}.stepper-desc{color:var(--muted);font-size:11px;line-height:1.4}.reassurance-card{border:1px solid var(--line);background:#ffffffa6;border-radius:8px;align-items:flex-start;gap:16px;padding:18px 22px;display:flex}.reassurance-icon{color:var(--sea);flex-shrink:0;margin-top:2px}.reassurance-body{flex-direction:column;gap:4px;display:flex}.reassurance-body strong{color:var(--ink);font-size:13.5px}.reassurance-body p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.transcript-view-container{max-width:900px;margin:0 auto}.transcript-header{margin-bottom:24px}.transcript-title{letter-spacing:-.04em;color:var(--ink);margin:6px 0 14px;font:600 clamp(1.8rem,3vw,2.5rem)/1.08 Fraunces,serif}.transcript-meta-row{flex-wrap:wrap;gap:12px;display:flex}.meta-tag{color:var(--muted);background:var(--wash);border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font:500 11.5px DM Mono,monospace;display:inline-flex}.meta-tag svg{color:var(--sea)}.transcript-toolbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f4efe6f0;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:12px 0 16px;display:flex;position:sticky;top:-44px}.toolbar-search-box{flex:1;align-items:center;max-width:420px;display:flex;position:relative}.search-icon{color:var(--muted);pointer-events:none;position:absolute;left:11px}.search-input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:6px;outline:none;padding:8px 36px 8px 34px;font-size:13.5px;transition:border-color .15s}.search-input:focus{border-color:var(--sea);box-shadow:0 0 0 1px var(--sea)}.search-clear-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:14px;position:absolute;right:10px}.search-count-badge{color:var(--sea);background:var(--sea-light);pointer-events:none;border-radius:4px;padding:2px 6px;font:500 10.5px DM Mono,monospace;position:absolute;right:32px}.toolbar-actions{align-items:center;gap:12px;display:flex}.action-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.action-btn:hover{border-color:var(--sea);color:var(--sea)}.copy-btn.copied{background:var(--sea);border-color:var(--sea);color:#fff}.export-dropdown-group{align-items:center;gap:6px;display:flex}.export-label{color:var(--muted);font:500 11px DM Mono,monospace}.export-link{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:4px;padding:5px 9px;font:500 11px DM Mono,monospace;text-decoration:none;transition:all .15s}.export-link:hover{border-color:var(--sea);color:var(--sea);background:var(--sea-light)}.transcript-content-wrapper{padding-bottom:40px}.transcript-empty-search{text-align:center;color:var(--muted);padding:48px 24px}.transcript-empty-search p{margin-bottom:14px;font-size:15px}.transcript-segment-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.transcript-segment-item{border-bottom:1px solid var(--line-light);grid-template-columns:84px 1fr;align-items:baseline;gap:20px;padding:16px 0;display:grid}.segment-timestamp-column{padding-top:2px}.segment-timestamp{color:var(--sea);background:var(--sea-light);letter-spacing:.04em;border-radius:4px;padding:3px 6px;font:500 12px DM Mono,monospace;display:inline-block}.segment-text-column{min-width:0}.segment-text{color:var(--ink);margin:0;font-size:15.5px;line-height:1.75}.search-highlight{color:#1e2527;background:#fbe69e;border-radius:3px;padding:1px 3px}.transcript-failed-container{max-width:680px;margin:40px auto 0}.failed-card{background:#fff;border:1px solid #ebd0ce;border-radius:10px;flex-direction:column;gap:20px;padding:36px 32px;display:flex;box-shadow:0 2px 8px #a33f350f}.failed-icon{color:var(--red)}.failed-title{color:var(--ink);margin:6px 0 10px;font:600 1.8rem Fraunces,serif}.failed-message{color:var(--red);background:var(--red-light);border-left:3px solid var(--red);border-radius:6px;margin:0 0 8px;padding:12px 16px;font-size:15px;line-height:1.6}.failed-hint{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.retry-error-notice{color:var(--red);margin:4px 0 0;font-size:13px}.failed-actions{gap:12px;margin-top:8px;display:flex}.retry-btn{background:var(--sea);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:11px 20px;font-size:13.5px;font-weight:600;transition:background .15s}.retry-btn:hover:not(:disabled){background:var(--sea-dark)}.delete-danger-btn{color:var(--red);cursor:pointer;background:0 0;border:1px solid #ecc5c1;border-radius:6px;padding:11px 18px;font-size:13.5px;font-weight:600;transition:all .15s}.delete-danger-btn:hover{background:var(--red-light);border-color:var(--red)}.quiet-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:4px;padding:8px 14px;font-size:13px}.quiet-button:hover{border-color:var(--sea);color:var(--sea)}.login-shell{background:radial-gradient(circle at 76% 20%, #d4e6de, transparent 33%), var(--paper);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#faf8f1e0;width:min(480px,100%);padding:52px;box-shadow:0 4px 20px #0000000d}.login-card h1{letter-spacing:-.06em;margin:0;font:600 clamp(2rem,5vw,4rem)/.9 Fraunces,serif}.login-card em{color:var(--sea);font-style:italic}.login-card .lede{color:var(--muted);margin:24px 0;line-height:1.65}.login-card form{gap:12px;display:grid}.login-card label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:12px;font-weight:700}.login-card input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbf9f4;border-radius:4px;padding:12px}.login-card input:focus{border-color:var(--sea);box-shadow:0 0 0 1px var(--sea);outline:none}.login-card button{background:var(--sea);color:#f8f4eb;cursor:pointer;border:0;border-radius:4px;margin-top:8px;padding:13px 18px;font-weight:700;transition:background .15s}.login-card button:hover:not(:disabled){background:var(--sea-dark)}.form-error{color:var(--red);margin:4px 0;font-size:13px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:860px){.studio-sidebar{z-index:100;width:85%;max-width:340px;box-shadow:none;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.studio-sidebar.mobile-open{transform:translate(0);box-shadow:8px 0 32px #0003}.mobile-close-btn{display:block}.mobile-backdrop{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e252773;position:fixed;inset:0}.mobile-header-bar{display:flex}.workspace-scroll-area{padding:24px 18px 60px}.model-options-grid{grid-template-columns:1fr}.stepper-track{grid-template-columns:1fr 1fr;gap:16px}.transcript-toolbar{flex-direction:column;align-items:stretch;gap:12px}.toolbar-search-box{max-width:100%}.toolbar-actions{justify-content:space-between}.transcript-segment-item{grid-template-columns:1fr;gap:6px}.login-card{padding:36px 24px}}
.stream-live-indicator{align-items:center;gap:6px;display:inline-flex}.stream-pulse-ring{width:8px;height:8px;position:relative}.stream-pulse-ring:before{content:"";background-color:var(--sea);opacity:.75;border-radius:50%;animation:1.5s cubic-bezier(0,0,.2,1) infinite stream-ping;position:absolute;inset:0}@keyframes stream-ping{75%,to{opacity:0;transform:scale(2.2)}}