:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f5f7fb;--surface:#fff;--surface-soft:#f8fafc;--text:#172033;--muted:#6d7789;--subtle:#9099a9;--line:#e2e7ef;--line-strong:#cfd6e2;--accent:#315bf4;--accent-dark:#2347cc;--accent-soft:#eef2ff;--success:#16805d;--success-soft:#e9f7f1;--danger:#bc3e4a;--danger-soft:#fff0f1;--shadow:0 24px 70px #202e4a1a;background:#f5f7fb;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#eef2f8;--bg:#0d1220;--surface:#151c2c;--surface-soft:#111827;--text:#eef2f8;--muted:#a5afc1;--subtle:#808ba0;--line:#293246;--line-strong:#3a465f;--accent:#7895ff;--accent-dark:#a1b4ff;--accent-soft:#202b50;--success:#5dd6a7;--success-soft:#16382f;--danger:#ff8d98;--danger-soft:#40242c;--shadow:0 24px 70px #00000047;background:#0d1220}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}.app-shell{min-height:100vh;overflow:hidden}.site-header,main,footer{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:78px;display:grid}.brand{align-items:center;gap:10px;width:max-content;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--accent);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brand-mark svg{width:19px;height:19px}nav{gap:30px;display:flex}nav a{color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}nav a:hover{color:var(--text)}.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:11px;place-items:center;width:40px;height:40px;padding:0;transition:border-color .2s,transform .2s,background .2s;display:grid}.icon-button:hover{border-color:var(--line-strong);transform:translateY(-1px)}.theme-toggle{justify-self:end}.hero{padding:84px 0 64px;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#4b6fff1f,#0000 68%);width:640px;height:420px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.hero-copy{text-align:center;width:min(760px,100%);margin:0 auto 46px;position:relative}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow>span{background:currentColor;width:18px;height:1px}h1,h2,h3{letter-spacing:-.035em;margin:0;font-weight:700}h1{margin-top:18px;font-size:clamp(42px,5.7vw,70px);line-height:1.03}.hero-copy p{max-width:640px;color:var(--muted);margin:22px auto 0;font-size:17px;line-height:1.7}.tool-card{background:var(--surface);border:1px solid var(--line);width:min(860px,100%);box-shadow:var(--shadow);border-radius:24px;margin:auto;padding:34px;position:relative}.tool-card-header,.section-label,.result-header,.result-header>div:first-child,.result-actions,footer{align-items:center;display:flex}.tool-card-header,.section-label,.result-header{justify-content:space-between;gap:20px}.tool-card-header>div,.section-label>div{align-items:center;gap:12px;display:flex}.tool-card h2{font-size:19px}.step-number{color:var(--accent);letter-spacing:.08em;font-size:11px;font-weight:700}.privacy-note,.section-label>span{color:var(--subtle);font-size:12px}.dropzone{border:1.5px dashed var(--line-strong);background:var(--surface-soft);cursor:pointer;border-radius:17px;outline:none;flex-direction:column;justify-content:center;align-items:center;min-height:210px;margin-top:22px;transition:border-color .2s,background .2s,transform .2s;display:flex}.dropzone:hover,.dropzone:focus-visible,.dropzone.is-dragging{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.upload-illustration{width:50px;height:50px;color:var(--accent);background:var(--accent-soft);border-radius:15px;place-items:center;margin-bottom:15px;display:grid}.upload-illustration svg{width:25px;height:25px}.dropzone strong{font-size:16px;font-weight:700}.dropzone>span:not(.upload-illustration){color:var(--muted);margin-top:5px;font-size:13px}.dropzone small{color:var(--subtle);margin-top:18px;font-size:11px}.selected-file{border:1px solid var(--line);background:var(--surface-soft);border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:15px;min-height:92px;margin-top:22px;padding:18px;display:grid}.file-icon{width:48px;height:48px;color:var(--accent);background:var(--accent-soft);border-radius:13px;place-items:center;display:grid}.file-details{flex-direction:column;gap:4px;min-width:0;display:flex}.file-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.file-details span{color:var(--muted);font-size:12px}.file-ready{color:var(--success);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.file-ready svg{width:16px}.remove-file{color:var(--muted);background:0 0}.remove-file:disabled{opacity:.45;cursor:not-allowed}.language-section{border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.language-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.language-option{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:64px;padding:10px 14px;transition:border-color .2s,background .2s;display:grid}.language-option:hover{border-color:var(--line-strong)}.language-option.is-selected{border-color:color-mix(in srgb, var(--accent) 65%, var(--line));background:var(--accent-soft)}.language-code{width:34px;height:34px;color:var(--accent);background:var(--surface);border:1px solid var(--line);border-radius:9px;place-items:center;font-size:10px;font-weight:700;display:grid}.language-option>span:nth-child(2){font-size:13px;font-weight:600}.checkbox{border:1px solid var(--line-strong);border-radius:6px;place-items:center;width:19px;height:19px;display:grid}.is-selected .checkbox{color:#fff;border-color:var(--accent);background:var(--accent)}.checkbox svg{width:13px}.primary-button,.secondary-button,.text-button{cursor:pointer;border:0;font-weight:700;transition:transform .2s,background .2s,color .2s,border-color .2s}.primary-button{color:#fff;background:var(--accent);width:100%;height:54px;box-shadow:0 10px 25px color-mix(in srgb, var(--accent) 24%, transparent);border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}.primary-button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.primary-button:disabled{color:var(--subtle);background:var(--surface-soft);box-shadow:none;cursor:not-allowed}.secondary-button{min-height:43px;color:var(--text);border:1px solid var(--line);background:var(--surface);border-radius:11px;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.secondary-button:hover{border-color:var(--accent);color:var(--accent)}.text-button{color:var(--accent);background:0 0;padding:10px}.text-button:hover{color:var(--accent-dark)}.cancel-button{margin:12px auto -8px;display:block}.error-message{color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 26%, transparent);background:var(--danger-soft);border-radius:12px;align-items:center;gap:10px;margin-top:22px;padding:14px 16px;font-size:13px;display:flex}.error-message svg{flex:none}.progress-panel{border:1px solid var(--line);background:var(--surface-soft);border-radius:15px;margin-top:24px;padding:20px}.progress-heading{justify-content:space-between;gap:16px;font-size:12px;display:flex}.progress-heading span{color:var(--muted)}.progress-track{background:var(--line);border-radius:999px;height:5px;margin:14px 0 18px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);min-width:4%;height:100%;transition:width .35s;display:block}.stage-list{grid-template-columns:repeat(5,1fr);display:grid}.stage-list>div{color:var(--subtle);flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.stage-list>div:before{content:"";background:var(--line);z-index:0;width:100%;height:1px;position:absolute;top:11px;right:50%}.stage-list>div:first-child:before{display:none}.stage-list>div>span{z-index:1;border:1px solid var(--line-strong);background:var(--surface);border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;font-weight:700;display:grid}.stage-list .active,.stage-list .complete{color:var(--accent)}.stage-list .active>span{color:#fff;border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.stage-list .complete>span{color:#fff;border-color:var(--success);background:var(--success)}.stage-list svg{width:13px}.result-card{border:1px solid var(--line);background:var(--surface);width:min(980px,100%);box-shadow:var(--shadow);border-radius:23px;margin:12px auto 100px;padding:32px}.result-header>div:first-child{gap:13px}.success-mark{width:45px;height:45px;color:var(--success);background:var(--success-soft);border-radius:13px;place-items:center;display:grid}.result-header p{color:var(--success);text-transform:uppercase;letter-spacing:.08em;margin:0 0 3px;font-size:11px;font-weight:700}.result-header h2{font-size:23px}.result-stats{gap:28px;margin:0;display:flex}.result-stats div{flex-direction:column;gap:3px;display:flex}.result-stats dt{color:var(--subtle);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.result-stats dd{margin:0;font-size:14px;font-weight:600}.result-card textarea{resize:vertical;width:100%;min-height:320px;color:var(--text);border:1px solid var(--line);background:var(--surface-soft);border-radius:15px;outline:none;margin-top:24px;padding:20px;line-height:1.65}.result-card textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.result-actions{gap:10px;margin-top:16px}.result-actions .text-button{margin-left:auto}.how-section{border-top:1px solid var(--line);padding:95px 0 80px}.section-intro{max-width:600px}.section-intro h2,.formats-section h2{margin-top:12px;font-size:clamp(31px,4vw,46px)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px;display:grid}.steps-grid article{border:1px solid var(--line);background:var(--surface);border-radius:18px;min-height:230px;padding:27px}.steps-grid article>span{width:36px;height:36px;color:var(--accent);background:var(--accent-soft);border-radius:10px;place-items:center;font-size:10px;font-weight:700;display:grid}.steps-grid h3{margin-top:38px;font-size:19px}.steps-grid p{color:var(--muted);margin:11px 0 0;font-size:13px;line-height:1.7}.formats-section{color:#f7f9ff;background:#16203a;border-radius:22px;justify-content:space-between;align-items:center;gap:40px;margin-bottom:95px;padding:38px 42px;display:flex}:root[data-theme=dark] .formats-section{background:#202b44}.formats-section .eyebrow{color:#a9b9ff}.formats-section h2{font-size:29px}.format-list{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.format-list span{color:#dbe2f4;letter-spacing:.08em;border:1px solid #ffffff29;border-radius:10px;padding:10px 14px;font-size:11px;font-weight:700}footer{border-top:1px solid var(--line);min-height:116px;color:var(--muted);justify-content:space-between;gap:24px;font-size:11px}footer p{text-align:center}footer>span{white-space:nowrap}@media (width<=760px){.site-header,main,footer{width:min(100% - 28px,1180px)}.site-header{grid-template-columns:1fr auto;height:68px}nav{display:none}.hero{padding-top:56px}h1{font-size:clamp(39px,12vw,54px)}.hero-copy p{font-size:15px}.tool-card{border-radius:19px;padding:22px}.privacy-note{display:none}.dropzone{text-align:center;min-height:195px;padding:22px 12px}.selected-file{grid-template-columns:auto minmax(0,1fr) auto}.file-ready{display:none}.language-options{grid-template-columns:1fr}.stage-list small{display:none}.result-card{padding:22px}.result-header{flex-direction:column;align-items:flex-start}.result-stats{border-top:1px solid var(--line);justify-content:space-between;gap:12px;width:100%;padding-top:18px}.result-actions{flex-direction:column;align-items:stretch}.result-actions .secondary-button{justify-content:center}.result-actions .text-button{margin:2px 0 0}.steps-grid{grid-template-columns:1fr}.steps-grid article{min-height:auto}.steps-grid h3{margin-top:24px}.formats-section{flex-direction:column;align-items:flex-start;padding:30px 24px}.format-list{justify-content:flex-start}footer{flex-direction:column;align-items:flex-start;padding:30px 0}footer p{text-align:left}}@media (width<=420px){.hero{padding-top:42px}.hero-copy{margin-bottom:34px}.tool-card{padding:18px}.section-label>span{display:none}.selected-file{gap:10px;padding:13px}.file-icon{width:42px;height:42px}.result-stats dt{font-size:9px}.result-stats dd{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}