:root{font-family:Arial,Helvetica,sans-serif;color:#19253d;background:#f4f6fa;font-size:16px;line-height:1.5;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #8da5f8;outline-offset:3px}[hidden]{display:none!important}header{height:80px;background:#111d36;color:white;padding:0 42px;display:flex;align-items:center;gap:26px}.brand{display:flex;gap:10px;align-items:center;color:white;text-decoration:none;font-size:32px;font-weight:700;letter-spacing:-1px}.brand span{color:#8fa8ff;margin-left:-10px}.subtitle{font-size:14px;color:#becbe1;border-left:1px solid #3d4962;padding-left:26px}.header-button{margin-left:auto;color:#c3cde2;background:transparent;font-size:14px}main{max-width:1400px;margin:auto;padding:34px 42px}.heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.eyebrow{font-size:12px;letter-spacing:1.7px;color:#738097;font-weight:600;margin:0 0 9px}h1{font-size:clamp(24px,2.5vw,34px);letter-spacing:-.8px;line-height:1.25;margin:0 0 10px;font-weight:650}h2{font-size:18px;margin:0;display:flex;align-items:center;gap:10px}h3{font-size:19px;margin:16px 0 8px}.muted{color:#738096;font-size:14px;margin:0}.pill{font-size:12px;color:#6c7d96;background:#eef2f8;border-radius:20px;padding:7px 12px;white-space:nowrap}.heading>.pill{background:#fff;border:1px solid #e3e8f2}.grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}.panel{background:white;border:1px solid #e1e7f0;border-radius:15px;box-shadow:0 4px 20px #19253d03}.upload-panel,.history-panel{padding:24px}.step{font-size:12px;color:#8190a7;background:#f1f4f9;border-radius:7px;padding:6px 8px;font-weight:500}.dropzone{width:100%;min-height:225px;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;border:1.5px dashed #b7c8eb;background:#f7faff;border-radius:11px;margin:23px 0 0;padding:20px 12px;color:#667994}.dropzone:hover,.dropzone.dragging{border-color:#315be8;background:#edf3ff}.dropzone strong{font-size:16px;color:#253552}.dropzone>span:not(.upload-icon){font-size:14px}.upload-icon{font-size:32px;color:#315be8;background:#e9efff;width:58px;height:58px;border-radius:17px;display:grid;place-items:center;margin-bottom:6px}.dropzone small{font-size:12px;line-height:1.7;margin-top:10px;color:#8995a9}.languages{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5;padding:24px 0;gap:12px}.languages small{display:block;color:#7d8aa0;font-size:12px;margin-bottom:5px}.languages strong{font-size:14px}.languages>div:last-child{background:#edf2ff;padding:7px 13px;border-radius:8px;color:#3156ba}.languages>span{color:#92a1b8}.speaker-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;margin-top:23px}.speaker-toggle small{display:block;color:#8190a5;font-size:12px;margin-top:4px}.speaker-toggle input{width:36px;height:20px;accent-color:#315be8;cursor:pointer}.details{font-size:13px;color:#71809a;margin:24px 0;line-height:1.65}.primary{background:#315be8;color:white;padding:14px 16px;border-radius:9px;font-size:14px;font-weight:600}.primary:hover:not(:disabled){background:#214ace}#process{width:100%}.fine{font-size:12px;color:#8893a5;line-height:1.7;margin:14px 0 0}.history-panel{margin-top:18px}.history-panel h2{font-size:16px;justify-content:space-between}.history-row{display:block;width:100%;text-align:left;background:white;padding:14px 0;border-bottom:1px solid #eef1f5;color:#364765}.history-row strong{display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row span{display:block;font-size:12px;color:#8592a6;margin-top:5px}.history-row.selected strong{color:#315be8}.history-row:hover{background:#f7f9fd}#history{margin-top:8px;max-height:310px;overflow:auto}.result-panel{overflow:hidden;min-height:685px;display:flex;flex-direction:column;min-width:0}.result-head{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:0 24px 20px;border-bottom:1px solid #e9edf3}.tabs{display:flex;background:#f1f4f9;padding:4px;border-radius:8px;gap:3px}.tabs button{background:transparent;color:#78859b;border-radius:6px;padding:7px 10px;font-size:14px}.tabs button[aria-selected=true]{background:white;color:#263c63;box-shadow:0 1px 4px #132b5010}.exports{display:flex;gap:4px}.quiet{font-size:14px;background:transparent;color:#71819a;padding:8px;border-radius:6px}.quiet:hover:not(:disabled){background:#eff3fa;color:#315be8}.empty{text-align:center;max-width:410px;margin:auto;padding:70px 20px}.empty p{color:#8793a7;line-height:1.8;font-size:14px}.empty-symbol{display:grid;place-items:center;width:82px;height:82px;margin:auto;background:#f1f5fd;color:#829bd5;border:1px solid #e3eafb;border-radius:24px;font-size:46px}#content{flex:1;min-height:400px}#content:not(:has(.empty)){padding:0 24px 15px}.result-footer{padding:16px 24px;border-top:1px solid #edf0f5;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#8b96a8}footer{font-size:12px;color:#8794a7;padding-top:25px}.notice{background:#edf3ff;color:#54709e;padding:15px 18px;font-size:14px;border:1px solid #dbe6fa;border-radius:9px;margin-bottom:20px}.error{background:#fff1f1;color:#ad494b;border-color:#f3dada}#job-error{margin:12px 24px}#message{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#253b60;color:white;border-radius:10px;padding:14px 20px;z-index:20;max-width:min(600px,90vw);font-size:14px;box-shadow:0 8px 30px #1234}.login{max-width:440px;margin:80px auto;padding:32px}.login h1{font-size:28px}.login label{display:block;margin:25px 0 8px;font-size:14px}.login input{width:100%;padding:12px;border:1px solid #ccd6e7;border-radius:8px}.login button{width:100%;margin-top:18px}#chosen{background:#f4f7ff;border:1px solid #dee7fb;padding:18px;border-radius:10px;margin-top:23px}#chosen strong{display:block;overflow-wrap:anywhere;font-size:14px}#chosen-size{display:block;margin-top:7px}#replace{padding-left:0;margin-top:7px}#recording-info{padding:0 24px 18px}#recording-name{display:block;font-size:14px;overflow-wrap:anywhere}#detected{font-size:12px;display:block;margin-top:5px}audio{width:100%;height:38px;margin-top:14px}#job-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.danger{color:#b35c60}#progress-area{background:#f4f7ff;padding:12px 24px;color:#5a75a6;font-size:13px}#progress-label{margin:0 0 8px}progress{width:100%;height:6px;accent-color:#315be8}.segment{padding:23px 0;border-bottom:1px solid #edf0f5}.segment:last-child{border-bottom:0}.meta{display:flex;gap:12px;align-items:center;color:#7184a6;font-size:12px;margin-bottom:10px}.meta strong{font-weight:600;color:#4263b5}.meta button{font-size:12px;color:#7e91af;background:transparent;font-variant-numeric:tabular-nums;padding:0}.segment p{font-size:16px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.parallel{display:grid;grid-template-columns:1fr 1fr;gap:24px}.parallel .source{color:#8090a7}.pending{color:#94a1b5;font-style:italic}dialog{border:1px solid #dde5f2;border-radius:14px;max-width:440px;padding:26px;color:#253652}dialog::backdrop{background:#111d3660}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.danger-bg{background:#bd4850!important}@media(max-width:1000px){main{padding:28px 24px}.grid{grid-template-columns:300px minmax(0,1fr);gap:18px}.upload-panel,.history-panel{padding:20px}.toolbar{padding:0 20px 18px}.exports{margin-left:auto}.tabs button{padding:7px 8px}}@media(max-width:760px){header{height:70px;padding:0 18px;gap:18px}.subtitle{display:none}main{padding:25px 16px}.heading>.pill{display:none}.grid{grid-template-columns:1fr}.upload-panel{padding:22px}.dropzone{min-height:180px}.result-panel{min-height:540px}.empty{padding:45px 20px}.login{margin:50px 16px;padding:26px}#content{min-height:300px}.result-head{padding:20px;flex-wrap:wrap}.parallel{grid-template-columns:1fr;gap:15px}.parallel .source{border-left:2px solid #dfe6f3;padding-left:12px}.parallel p:not(.source){border-left:2px solid #99b0ee;padding-left:12px}.tabs button{font-size:13px}.exports{margin-left:0}.history-panel{margin-bottom:0}}