@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";.upload-zone.svelte-jjpe07{text-align:center;background:#faf9ff;border:1.5px dashed #c9c4e4;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:238px;padding:26px;transition:border-color .2s,background .2s;display:flex;position:relative}.upload-zone.svelte-jjpe07:hover,.dragging.svelte-jjpe07{background:#f2efff;border-color:#7360b7}.disabled.svelte-jjpe07{opacity:.6}input.svelte-jjpe07{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}input.svelte-jjpe07:disabled{cursor:wait}.upload-zone.svelte-jjpe07:focus-within{outline-offset:3px;outline:3px solid #b5a7e4}.upload-icon.svelte-jjpe07{color:#6a50a7;background:#ebe5fb;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:4px;display:grid}svg.svelte-jjpe07{width:25px;height:25px}strong.svelte-jjpe07{max-width:100%;font-size:17px;font-weight:600}.filename.svelte-jjpe07{overflow-wrap:anywhere}span.svelte-jjpe07{color:#777284;font-size:14px}.browse.svelte-jjpe07{color:#7154b0;font-weight:600}small.svelte-jjpe07{color:#8a8694;margin-top:9px;font-size:11px;line-height:1.6}.transcript-card.svelte-lujjat{background:#fff;border:1px solid #e7e4ed;border-radius:22px;min-height:510px;padding:30px}.result-header.svelte-lujjat{justify-content:space-between;align-items:center;gap:12px;display:flex}h2.svelte-lujjat{letter-spacing:-.4px;margin:0;font-size:19px;font-weight:600}.result-badge.svelte-lujjat{color:#8c8596;white-space:nowrap;background:#f3f1f6;border-radius:6px;padding:6px 9px;font-size:10px}.ready.svelte-lujjat{color:#267b58;background:#eaf6ef}.empty-transcript.svelte-lujjat{text-align:center;flex-direction:column;align-items:center;padding:67px 12px 32px;display:flex}.document-icon.svelte-lujjat{color:#c1b7d2;width:48px;margin-bottom:22px;transform:rotate(-7deg)}h3.svelte-lujjat{margin:0 0 12px;font-size:16px;font-weight:500}.empty-transcript.svelte-lujjat p:where(.svelte-lujjat){color:#8c8698;max-width:270px;margin:0;font-size:13px;line-height:1.8}.placeholder-lines.svelte-lujjat{gap:9px;width:75%;margin-top:32px;display:grid}i.svelte-lujjat{background:#f4f2f7;border-radius:5px;height:7px}i.svelte-lujjat:nth-child(2){width:88%}i.svelte-lujjat:last-child{width:60%}.result-info.svelte-lujjat{color:#8c8698;margin-top:16px;font-size:12px}.transcript-text.svelte-lujjat{white-space:pre-wrap;overflow-wrap:anywhere;max-height:430px;font-size:16px;line-height:1.9;overflow:auto}.result-actions.svelte-lujjat{flex-wrap:wrap;gap:8px;display:flex}button.svelte-lujjat{font:inherit;color:#635674;cursor:pointer;background:#f7f5fa;border:1px solid #e6e1ed;border-radius:8px;padding:9px 12px;font-size:12px}button.svelte-lujjat:hover{background:#ede7f7}.timestamp-toggle.svelte-lujjat{background:#fff;justify-content:space-between;width:100%;margin-top:25px;display:flex}.word-scroll.svelte-lujjat{max-height:260px;margin-top:12px;overflow:auto}table.svelte-lujjat{border-collapse:collapse;width:100%;font-size:12px}td.svelte-lujjat,th.svelte-lujjat{text-align:left;border-bottom:1px solid #f0edf4;padding:9px}th.svelte-lujjat{color:#80748e;font-weight:500}.copy-error.svelte-lujjat{color:#9b433d;font-size:12px}@media (width<=700px){.transcript-card.svelte-lujjat{min-height:390px;padding:24px}.empty-transcript.svelte-lujjat{padding-top:40px}}:root{color:#302a3b;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f8f7fa;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #b7a5e9}.workspace{max-width:1160px;margin:auto;padding:0 42px}.topbar{border-bottom:1px solid #e7e4ed;justify-content:space-between;align-items:center;gap:15px;padding:27px 0;display:flex}.brand{color:#332844;letter-spacing:-1px;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:#7760ac;border-radius:9px;justify-content:center;align-items:center;gap:3px;width:32px;height:32px;display:flex}.brand-mark i{background:#fff;border-radius:3px;width:2px;height:7px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){height:13px}.brand-mark i:nth-child(3){height:20px}.brand-divider{background:#dcd7e4;width:1px;height:19px;margin:0 7px}.workspace-label{letter-spacing:0;color:#8a8295;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.local-badge{color:#80788c;background:#eeebf2;border-radius:20px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:flex}.local-badge span{background:#9a8ab5;border-radius:50%;width:5px;height:5px}.intro{padding:54px 0 36px}.eyebrow{color:#8c7ba8;letter-spacing:2.5px;margin:0 0 18px;font-size:10px;font-weight:650}h1{letter-spacing:-2.3px;margin:0 0 17px;font-family:Manrope,sans-serif;font-size:clamp(34px,4.4vw,49px);font-weight:650;line-height:1.2}h1 em{color:#8970b7;font-style:normal}.intro-copy{color:#8a8294;margin:0;font-size:14px;line-height:1.85}.studio-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.input-card{background:#fff;border:1px solid #e7e4ed;border-radius:22px;padding:28px}.section-title{align-items:center;gap:10px;margin-bottom:22px;display:flex}.step-number{color:#917cad;background:#f2eef8;border-radius:7px;padding:6px 7px;font-size:10px;font-weight:600}.section-title h2{letter-spacing:-.4px;margin:0;font-size:18px;font-weight:600}.format-tag{letter-spacing:1px;color:#a09aa9;margin-left:auto;font-size:8px}.format-note{color:#9a93a2;margin:13px 0 22px;font-size:11px;line-height:1.8}.settings label{color:#6c617b;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:11px;font-weight:500;display:flex}.settings label span{color:#a69eaf;font-size:10px;font-weight:400}.settings input{color:#4c3e5c;background:#fcfbfd;border:1px solid #e5e0eb;border-radius:9px;width:100%;padding:11px 13px;font-size:12px}.settings input::placeholder{color:#b2aabb;font-size:11px}.output-row{justify-content:space-between;align-items:center;gap:10px;margin:19px 0 22px;display:flex}.output-row label{margin:0}select{color:#78638f;background:#f6f3fa;border:0;border-radius:6px;max-width:65%;padding:8px;font-size:11px}.primary-button{color:#fff;cursor:pointer;background:#7e64ad;border:0;border-radius:10px;justify-content:center;width:100%;padding:14px 17px;font-size:13px;font-weight:500;display:flex;position:relative}.primary-button span{position:absolute;right:18px}.primary-button:hover{background:#6f559e}.primary-button:disabled{cursor:not-allowed;background:#b6a8cc}.quiet-button{color:#7b658e;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:12px auto 0;font-size:12px;text-decoration:underline;display:block}.error-box{color:#a04636;overflow-wrap:anywhere;background:#fff3ef;border:1px solid #f1d9d1;border-radius:9px;margin-top:15px;padding:14px;font-size:12px}.error-box p{margin-bottom:0;line-height:1.6}.audio-preview{color:#93869e;gap:10px;margin-top:20px;font-size:11px;display:grid}audio{width:100%;height:36px}.workflow{background:#f0edf5;border:1px solid #e8e2f0;border-radius:15px;margin:25px 0 42px;padding:24px}.workflow-steps{justify-content:center;align-items:center;gap:45px;display:flex}.workflow-steps div{color:#92849f;align-items:center;gap:9px;font-size:11px;display:flex}.workflow-steps span{color:#a697b3;background:#fff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.workflow-steps .active{color:#6a459c}.workflow-steps .active span{color:#fff;background:#7e64ad}.workflow-steps .done span{color:#39805e;background:#dfede5}.status-message{text-align:center;color:#95899f;margin:14px 0 0;font-size:11px;line-height:1.7}.job-id{text-align:center;color:#9d91a8;overflow-wrap:anywhere;font-size:10px}progress{accent-color:#8c70b6;width:80%;height:5px;margin:14px auto 0;display:block}footer{color:#a198aa;border-top:1px solid #e7e4ed;justify-content:space-between;gap:15px;padding:22px 0 28px;font-size:10px;display:flex}.footer-dot{margin:0 7px}@media (width<=760px){.workspace{padding:0 20px}.studio-grid{grid-template-columns:1fr}.intro{padding-top:38px}.input-card{padding:24px}.workspace-label,.brand-divider{display:none}.workflow-steps{gap:18px}.workflow{padding:18px 10px}.workflow-steps div{gap:5px;font-size:10px}footer{flex-direction:column}.topbar{padding:22px 0}}
