:root{color:#1b2430;background:#f6f8fa;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:72px 0 48px}.intro{max-width:720px;margin-bottom:42px}.eyebrow{margin:0 0 11px;color:#6d7782;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:620px;margin-bottom:18px;font-size:clamp(35px,6vw,58px);line-height:1.03;letter-spacing:-.05em}.lead{max-width:650px;color:#66717d;font-size:17px;line-height:1.65}.workspace{display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,1fr) 260px}.result,.upload-panel{border:1px solid #dce2e8;border-radius:22px;background:#fff;box-shadow:0 20px 45px -35px #324a62}.upload-panel{padding:24px}input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.dropzone{display:flex;min-height:252px;flex-direction:column;justify-content:center;border:1px dashed #b6c1cc;border-radius:16px;padding:28px;color:#74808c;transition:background-color .18s,border-color .18s,transform .18s}.dropzone.dragging,.dropzone:hover{border-color:#2f6df6;background:#f2f6ff;transform:translateY(-1px)}.dropzone strong{margin-top:30px;color:#1b2430;font-size:17px}.dropzone small{margin-top:28px;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.upload-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid #cbd9f7;border-radius:13px;color:#2f6df6;font-size:25px;font-weight:400}.selected-file{display:flex;align-items:flex-start;justify-content:space-between;min-height:100px;border:1px solid #dce2e8;border-radius:16px;padding:20px}.selected-file span,.selected-file strong{display:block;overflow-wrap:anywhere}.selected-file span{margin-top:6px;color:#74808c;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}.plain-button,.primary-button,.secondary-button{border-radius:10px;border:1px solid transparent;padding:12px 16px;font-weight:700;transition:transform .16s,background-color .16s,border-color .16s}.primary-button{min-width:205px;background:#2f6df6;color:#fff}.primary-button:hover:not(:disabled){background:#245bd1}.secondary-button{border-color:#d0d8e0;background:#fff;color:#24303c}.plain-button:hover,.secondary-button:hover{background:#f4f7fa}.plain-button{background:transparent;color:#5f6b76}.plain-button:active,.primary-button:active:not(:disabled),.secondary-button:active{transform:translateY(1px)}.error{margin:16px 0 0;border:1px solid #f0c4c2;border-radius:12px;background:#fff5f4;padding:12px;color:#9f302c;line-height:1.5}.privacy-note{align-self:start;border-left:1px solid #dce2e8;padding-left:24px;color:#66717d;font-size:14px;line-height:1.65}.loading{grid-column:1/-1;border-radius:16px;background:#ebf2ff;padding:20px 24px;color:#2856a7;font-weight:700}.result{grid-column:1/-1;overflow:hidden}.result-head{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e3e8ed;padding:24px}.result h2{margin-bottom:6px;font-size:21px}.result-head p:last-child{margin-bottom:0;color:#74808c;font-size:14px}.export-menu{position:relative}.export-trigger{display:inline-flex;align-items:center;gap:8px}.export-popover{position:absolute;z-index:2;top:calc(100% + 8px);right:0;display:grid;min-width:220px;overflow:hidden;border:1px solid #d6dee6;border-radius:12px;background:#fff;box-shadow:0 18px 36px -24px #243445}.export-popover button{display:grid;grid-gap:3px;gap:3px;border:0;border-bottom:1px solid #edf0f3;padding:12px 14px;background:#fff;color:#26313d;text-align:left}.export-popover button:last-child{border-bottom:0}.export-popover button:focus-visible,.export-popover button:hover{background:#f4f7fa;outline:none}.export-popover strong{font-size:13px}.export-popover span{color:#75818d;font-size:12px}.speaker-editor{display:grid;grid-template-columns:minmax(130px,.45fr) minmax(0,1.55fr);grid-gap:22px;gap:22px;border-bottom:1px solid #e3e8ed;padding:22px 24px;background:#fbfcfd}.speaker-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.speaker-field{display:grid;grid-gap:6px;gap:6px;color:#485563;font-size:12px;font-weight:700}.speaker-name-row{display:flex;align-items:center;gap:7px;min-height:38px}.speaker-name-row strong{color:#1b2430;font-size:15px}.speaker-field input{min-width:0;flex:1 1;border:1px solid #cbd5df;border-radius:9px;padding:8px 10px;color:#1b2430;background:#fff;font-weight:600;outline:none}.speaker-field input:focus{border-color:#2f6df6;box-shadow:0 0 0 3px #dce8ff}.icon-button{display:inline-grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:1px solid #d0d8e0;border-radius:9px;background:#fff;color:#526170}.icon-button:focus-visible,.icon-button:hover{border-color:#aabbd0;background:#f4f7fa;outline:none}.transcript{display:grid;max-height:560px;overflow:auto}.transcript-row{display:grid;grid-template-columns:132px minmax(0,1fr);grid-gap:18px;gap:18px;border-bottom:1px solid #edf0f3;padding:17px 24px}.transcript-row:last-child{border-bottom:0}.transcript-row time{padding-top:2px;color:#71808e;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.transcript-row p{margin:7px 0 0;color:#2b3641;font-size:15px;line-height:1.65}.segment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#34404b;font-size:13px}pre{max-height:560px;margin:0;overflow:auto;padding:24px;color:#2b3641;font:15px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}@media (max-width:760px){.shell{width:min(100% - 28px,1120px);padding-top:42px}.workspace{grid-template-columns:1fr}.privacy-note{border-top:1px solid #dce2e8;border-left:0;padding:24px 0 0}.result-head{flex-direction:column}.speaker-editor,.transcript-row{grid-template-columns:1fr}.transcript-row{gap:6px;padding:16px}}