:root{color:#14221b;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f8f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:24px;height:24px}:focus-visible{outline-offset:3px;outline:3px solid #d4af37}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root,:root[data-theme=light]{--bg:#f5f8f6;--surface:#fff;--surface-soft:#eef5f0;--text:#14221b;--muted:#526158;--border:#d9e3dc;--primary:#176b43;--primary-hover:#105735;--success-bg:#e8f7ef;--success:#176b43;--danger-bg:#fff0ef;--danger:#a6342b;--shadow:0 22px 55px #1b422d1c}:root[data-theme=dark]{--bg:#0e1612;--surface:#16221b;--surface-soft:#1c2c23;--text:#eef7f1;--muted:#afbeb4;--border:#33463a;--primary:#58c28a;--primary-hover:#72d29e;--success-bg:#163525;--success:#72d29e;--danger-bg:#3a201f;--danger:#ffaaa3;--shadow:0 22px 55px #00000047}body{color:var(--text);background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--primary) 8%,transparent),transparent 34rem),var(--bg)}.page-shell{width:min(100% - 32px,820px);min-height:100vh;margin:0 auto}.topbar{justify-content:space-between;align-items:center;height:78px;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:750;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--primary);border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.brand-mark svg{width:22px}.icon-button{border:1px solid var(--border);width:44px;height:44px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:13px;place-items:center;transition:all .2s;display:grid}.icon-button:hover{border-color:var(--primary);background:var(--surface-soft)}.hero{text-align:center;padding:54px 20px 38px}.eyebrow{color:var(--primary);letter-spacing:.16em;margin:0 0 14px;font-size:.78rem;font-weight:800}h1{letter-spacing:-.055em;max-width:690px;margin:0 auto;font-size:clamp(2rem,5vw,3.6rem);line-height:1.08}.intro{max-width:590px;color:var(--muted);margin:20px auto 0;font-size:1.08rem;line-height:1.65}.converter-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:26px;padding:30px}.card-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}h2{letter-spacing:-.025em;margin:0 0 5px;font-size:1.35rem}.card-heading p,.loader-panel p,.message p,.progress-block p{color:var(--muted);margin:0;line-height:1.5}.engine-badge{color:var(--muted);background:var(--surface-soft);border-radius:999px;flex:none;align-items:center;gap:8px;padding:7px 11px;font-size:.8rem;font-weight:700;display:flex}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.engine-badge--loading .status-dot{animation:1s infinite pulse}.engine-badge--ready{color:var(--success)}.engine-badge--error{color:var(--danger)}.loader-panel,.message{border-radius:16px;align-items:flex-start;gap:14px;margin-bottom:18px;padding:16px;display:flex}.loader-panel{background:var(--surface-soft)}.spinner,.button-spinner{border:2px solid color-mix(in srgb,var(--primary) 20%,transparent);border-top-color:var(--primary);border-radius:50%;animation:.8s linear infinite spin}.spinner{flex:none;width:24px;height:24px}.button-spinner{border-color:#fff #ffffff59 #ffffff59;width:18px;height:18px}.message svg{flex:none}.message--error{color:var(--danger);background:var(--danger-bg)}.message--success{color:var(--success);background:var(--success-bg)}.message strong,.loader-panel strong{margin-bottom:3px;display:block}.message p{color:inherit;opacity:.85}.text-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:7px 0 0;font-weight:750;text-decoration:underline}.drop-zone{border:2px dashed color-mix(in srgb,var(--primary) 48%,var(--border));text-align:center;background:color-mix(in srgb,var(--primary) 3%,var(--surface));cursor:pointer;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:226px;padding:28px;transition:all .2s;display:flex}.drop-zone:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.drop-zone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop-zone strong{overflow-wrap:anywhere;max-width:100%;font-size:1.06rem}.drop-zone span:last-child{color:var(--muted)}.drop-zone--disabled{opacity:.55;cursor:not-allowed}.drop-zone--selected{border-style:solid}.upload-icon{width:52px;height:52px;color:var(--primary);background:var(--surface-soft);border-radius:15px;place-items:center;margin-bottom:5px;display:grid}.progress-block{margin-top:20px}.progress-block>div{justify-content:space-between;display:flex}progress{background:var(--surface-soft);border:0;border-radius:99px;width:100%;height:9px;margin:10px 0 4px;overflow:hidden}progress::-webkit-progress-bar{background:var(--surface-soft)}progress::-webkit-progress-value{background:var(--primary)}progress::-moz-progress-bar{background:var(--primary)}.actions{justify-content:center;gap:12px;margin-top:22px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 22px;font-weight:750;text-decoration:none;transition:all .2s;display:inline-flex}.button svg{width:20px}.button--primary{color:#fff;background:var(--primary)}:root[data-theme=dark] .button--primary{color:#0c1c13}.button--primary:hover:not(:disabled){background:var(--primary-hover)}.button--primary:disabled{opacity:.48;cursor:not-allowed}.button--secondary{color:var(--text);border-color:var(--border);background:var(--surface)}.button--secondary:hover{border-color:var(--primary);background:var(--surface-soft)}.privacy-note{color:var(--muted);justify-content:center;align-items:center;gap:12px;margin:28px 0;display:flex}.privacy-note svg{color:var(--primary)}.privacy-note p{flex-direction:column;margin:0;font-size:.9rem;display:flex}.privacy-note strong{color:var(--text)}footer{color:var(--muted);text-align:center;padding:10px 0 34px;font-size:.84rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@media (width<=620px){.page-shell{width:min(100% - 22px,820px)}.topbar{height:66px}.hero{padding:38px 10px 28px}.intro{font-size:1rem}.converter-card{border-radius:21px;padding:20px}.card-heading{flex-direction:column}.drop-zone{min-height:200px;padding:22px 14px}.actions{flex-direction:column}.button{width:100%}.privacy-note{align-items:flex-start}}