:root{color:#151a18;background:#f7f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(29,111,92,.1),transparent 34rem),linear-gradient(180deg,#fbfbfa,#f3f3f0)}a{color:inherit}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{width:min(980px,calc(100% - 40px));margin:0 auto;padding:28px 0 18px}.brand-lockup{display:flex;align-items:center;gap:10px;width:fit-content;color:inherit;text-decoration:none}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#11251c;color:#fff;font-weight:760;box-shadow:0 8px 18px #11251c24}.brand-name{font-weight:760;letter-spacing:0}.content{width:min(980px,calc(100% - 40px));margin:0 auto;padding:54px 0 80px}.workspace{display:grid;gap:28px;width:min(100%,680px);margin:0 auto;min-height:calc(100vh - 220px);align-content:center}.intro{display:grid;gap:12px;text-align:center}.eyebrow{margin:0;color:#596861;font-size:.78rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:#0d1f17;font-size:clamp(2.2rem,4.8vw,4.4rem);line-height:1.02;letter-spacing:0}h2{margin-bottom:6px;color:#0d1f17;font-size:1.18rem;line-height:1.25;letter-spacing:0}.lede{max-width:50ch;margin-right:auto;margin-left:auto;margin-bottom:0;color:#5b625f;font-size:1.08rem}.upload-panel,.transcript-panel,.status-card,.waiting-panel,.processing-panel{border:1px solid #e2e4e1;background:#fff;box-shadow:0 1px 2px #0f17140a,0 18px 42px #0f171414}.upload-panel{display:grid;gap:20px;padding:24px;border-radius:16px}.upload-heading{display:grid;gap:4px}.upload-heading p{margin:0;color:#68706c;font-size:.94rem}.dropzone{min-height:300px;display:grid;place-items:center;align-content:center;gap:14px;width:100%;border:1px dashed #b7bdb9;border-radius:14px;background:linear-gradient(180deg,#ffffffd6,#f7f8f6eb),#fafafa;color:#151a18;cursor:pointer;padding:32px;text-align:center;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.dropzone:hover,.dropzone.is-dragging{border-color:#1f6f5c;background:linear-gradient(180deg,#f9fdfaf0,#eff8f3fa),#f3faf5;box-shadow:inset 0 0 0 1px #1f6f5c33}.dropzone.is-dragging{transform:translateY(-1px)}.dropzone.has-file{border-style:solid;border-color:#1f6f5c;background:#f4faf6;box-shadow:inset 0 0 0 1px #1f6f5c1f,0 10px 26px #1f6f5c1a}.dropzone:disabled{cursor:progress;opacity:.72}.upload-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:999px;background:#e4f3ea;color:#123b2d}.upload-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.dropzone-title{max-width:100%;overflow-wrap:anywhere;color:#0d1f17;font-size:1.2rem;font-weight:760}.dropzone-meta,.upload-note,.waiting-panel p,.status-card span{color:#64736a}.upload-note{margin:-2px 0 0;font-size:.92rem}.action-row,.job-header,.transcript-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.button{min-height:44px;border:1px solid #d6dbd7;border-radius:8px;padding:10px 16px;background:#fff;color:#151a18;cursor:pointer;font-weight:720;text-decoration:none;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,opacity .14s ease,transform .14s ease}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #0f171414}.button:disabled{cursor:not-allowed;opacity:.46}.button-primary{flex:1;border-color:#11251c;background:#11251c;color:#fff}.button-primary:hover:not(:disabled){background:#173728;border-color:#173728}.button-secondary{background:#f6f7f5}.error{margin:0;color:#9f2f22;font-weight:680}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.job-shell{display:grid;gap:20px}.job-header{align-items:flex-start}.job-header h1{max-width:12ch;margin-bottom:14px;font-size:clamp(2.4rem,6vw,5rem)}.status-card{display:flex;align-items:center;gap:14px;width:fit-content;min-width:min(100%,280px);padding:16px;border-radius:8px}.status-card div{display:grid;gap:2px}.status-dot{width:12px;height:12px;flex:0 0 auto;border-radius:999px;background:#d5a021;box-shadow:0 0 0 7px #d5a02124}.status-dot.completed{background:#2f8f55;box-shadow:0 0 0 7px #2f8f5524}.status-dot.failed{background:#b43d30;box-shadow:0 0 0 7px #b43d3024}.status-dot.transcribing,.status-dot.resolving{background:#207a82;box-shadow:0 0 0 7px #207a8224}.transcript-panel{border-radius:8px;overflow:hidden}.transcript-toolbar{padding:18px;border-bottom:1px solid #e4e9e2}.transcript-body{display:grid;gap:18px;max-height:62vh;overflow:auto;padding:22px;color:#243029;font-size:1.02rem}.transcript-body p{margin:0}.waiting-panel{display:flex;align-items:center;gap:14px;width:fit-content;padding:18px;border-radius:8px}.waiting-panel p{margin:0}.processing-panel{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,.8fr);gap:24px;align-items:stretch;overflow:hidden;padding:18px;border-radius:8px}.processing-panel.is-loading{grid-template-columns:1fr}.processing-main{display:grid;gap:20px;min-width:0}.processing-main .status-card{width:100%;background:#fbfcfa;box-shadow:none}.progress-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}.progress-step{position:relative;display:grid;gap:10px;min-width:0;padding-right:16px}.progress-step:before{content:"";position:absolute;top:9px;right:0;left:18px;height:2px;background:#dbe3dd}.progress-step:last-child:before{display:none}.progress-step.is-done:before{background:#2f8f55}.step-marker{position:relative;z-index:1;width:20px;height:20px;border:2px solid #c9d4cc;border-radius:999px;background:#fff}.progress-step.is-done .step-marker,.progress-step.is-active .step-marker{border-color:#207a82;background:#207a82}.progress-step.is-active .step-marker{box-shadow:0 0 0 6px #207a8221}.step-copy{display:grid;gap:2px;min-width:0}.step-copy strong,.job-meta-grid strong{color:#10251b}.step-copy span,.job-meta-grid span{color:#64736a;font-size:.86rem}.job-meta-grid{display:grid;grid-template-columns:1.35fr .7fr .7fr;gap:1px;overflow:hidden;border:1px solid #e0e7e2;border-radius:8px;background:#e0e7e2}.job-meta-grid div{display:grid;gap:4px;min-width:0;padding:13px;background:#fbfcfa}.job-meta-grid strong{overflow:hidden;font-size:.94rem;text-overflow:ellipsis;white-space:nowrap}.transcript-preview{display:grid;align-content:start;gap:20px;min-height:300px;max-height:430px;overflow:hidden;padding:18px;border:1px solid #e2e8e3;border-radius:8px;background:linear-gradient(180deg,#f7f9f6e6,#fffffff0),#fff}.transcript-preview.has-text{grid-template-rows:auto minmax(0,1fr)}.preview-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #e4ebe5;padding-bottom:12px}.preview-title span:first-child{color:#10251b;font-weight:760}.preview-title span:last-child{color:#64736a;font-size:.84rem;text-align:right}.partial-transcript{display:grid;gap:14px;min-height:0;overflow:auto;padding-right:6px;color:#243029;font-size:.96rem;line-height:1.55}.partial-transcript p{margin:0}.preview-heading,.skeleton-lines{display:grid;gap:10px}.preview-heading span,.skeleton-lines span{display:block;height:12px;overflow:hidden;border-radius:999px;background:#e4ebe5}.preview-heading span:first-child{width:42%;height:16px;background:#cad8d0}.preview-heading span:last-child{width:64%}.skeleton-lines span{position:relative;height:10px}.skeleton-lines span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.76),transparent);animation:shimmer 1.8s ease-in-out infinite}.skeleton-lines span:nth-child(2){width:88%}.skeleton-lines span:nth-child(3){width:94%}.skeleton-lines span:nth-child(4){width:72%}.skeleton-lines span:nth-child(5){width:90%}.skeleton-lines span:nth-child(6){width:54%}.loader{width:18px;height:18px;border:2px solid #ccd7cf;border-top-color:#10251b;border-radius:999px;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@media(max-width:840px){.workspace{grid-template-columns:1fr;align-items:start;min-height:0}.intro,h1{max-width:none}.job-header,.transcript-toolbar,.action-row{align-items:stretch;flex-direction:column}.button-primary,.button{width:100%}.processing-panel{grid-template-columns:1fr}.progress-steps{grid-template-columns:1fr;gap:14px}.progress-step{grid-template-columns:20px minmax(0,1fr);column-gap:12px;padding-right:0}.progress-step:before{top:20px;right:auto;bottom:-14px;left:9px;width:2px;height:auto}.step-copy{grid-column:2}.job-meta-grid{grid-template-columns:1fr}.preview-title{display:grid}.preview-title span:last-child{text-align:left}}