@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--bg:#f6f7fb;--surface:#fff;--surface-soft:#f8f9fd;--input:#fff;--ink:#171a2b;--muted:#737b90;--line:#e5e8f1;--primary:#5b5ce2;--primary-hover:#4c4dcc;--primary-soft:#eeeeff;--danger:#dc4b58;--danger-soft:#fff0f1;--success:#159a72;--shadow:0 24px 70px rgba(28,35,75,.08);--header:rgba(255,255,255,.88)}
:root[data-theme="dark"]{color-scheme:dark;--bg:#101119;--surface:#191b27;--surface-soft:#202230;--input:#141620;--ink:#f1f2fa;--muted:#a0a5ba;--line:#303344;--primary:#9292ff;--primary-hover:#a8a8ff;--primary-soft:#292945;--danger:#ff737e;--danger-soft:#352127;--success:#55d5aa;--shadow:0 24px 70px rgba(0,0,0,.24);--header:rgba(16,17,25,.88)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg);transition:background .2s,color .2s}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:background .2s,color .2s}svg{display:block;width:100%;height:100%}button,input{font:inherit}button{ -webkit-tap-highlight-color:transparent}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 max(22px,calc((100vw - 1080px)/2));border-bottom:1px solid var(--line);background:var(--header);backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.brand{display:flex;gap:11px;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:21px;letter-spacing:-.8px;text-decoration:none;color:var(--ink)}.brand-icon{display:grid;place-items:center;width:37px;height:37px;padding:8px;border-radius:12px;background:var(--primary);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 25%,transparent)}.header-actions{display:flex;align-items:center;gap:18px}.top-note{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:8px}.status-dot{height:7px;width:7px;background:#29b783;border-radius:50%;box-shadow:0 0 0 4px rgba(41,183,131,.12)}.theme-toggle{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink);padding:10px;cursor:pointer;transition:transform .18s,border-color .18s}.theme-toggle:hover{border-color:var(--primary);transform:translateY(-1px)}.theme-toggle svg{width:19px;height:19px}:root[data-theme="light"] .moon-icon,:root:not([data-theme="dark"]) .moon-icon{display:none}:root[data-theme="dark"] .sun-icon{display:none}.shell{width:min(100% - 36px,760px);padding:58px 0 38px;margin:0 auto}.hero{text-align:center;margin:0 auto 30px;max-width:650px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--primary);margin-bottom:15px}h1{font-family:Manrope,sans-serif;font-size:clamp(36px,6vw,56px);line-height:1.08;letter-spacing:-2.4px;margin:0;color:var(--ink);font-weight:800}h1 span{color:var(--primary)}.subtitle{max-width:510px;margin:17px auto 0;color:var(--muted);font-size:15px;line-height:1.75}.upload-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.dropzone{min-height:280px;border:1.5px dashed color-mix(in srgb,var(--primary) 38%,var(--line));border-radius:18px;background:var(--surface-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 18px;cursor:pointer;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragover{outline:none;border-color:var(--primary);background:var(--primary-soft)}.upload-symbol{width:58px;height:58px;padding:16px;color:var(--primary);background:var(--primary-soft);border-radius:18px;margin-bottom:16px}.dropzone h2{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.4px;margin:0 0 5px}.dropzone p{font-size:13px;color:var(--muted);margin:0 0 17px}.limit-note{font-size:11px;color:var(--muted);margin-top:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 17px;border:1px solid transparent;border-radius:12px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .15s,background .15s,border-color .15s,opacity .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button svg{width:17px;height:17px}.button-dark{background:var(--ink);color:var(--bg)}.button-dark:hover:not(:disabled){opacity:.88}.button-primary{background:var(--primary);color:#fff}.button-primary:hover:not(:disabled){background:var(--primary-hover)}.button-plain{background:transparent;border-color:var(--line);color:var(--ink)}.button-plain:hover:not(:disabled){background:var(--surface-soft)}.full-width{width:100%;margin-top:16px}.selected-file{display:flex;align-items:center;gap:12px;margin:16px 0 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.file-icon{width:38px;height:38px;padding:9px;flex:0 0 38px;border-radius:11px;background:var(--primary-soft);color:var(--primary)}.file-details{min-width:0;flex:1}.file-name{font-size:13px;font-weight:700;overflow-wrap:anywhere}.muted{font-size:12px;color:var(--muted);margin-top:4px}.icon-button{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);cursor:pointer}.icon-button:hover{color:var(--danger);border-color:var(--danger)}.progress-wrap{margin-top:18px}.progress-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-bottom:8px}.progress-track{height:8px;border-radius:20px;background:var(--line);overflow:hidden}.progress-bar{height:100%;width:0;border-radius:20px;background:var(--primary);transition:width .15s}.status{min-height:18px;margin:12px 0 0;text-align:center;font-size:12px;color:var(--muted)}.status.error{color:var(--danger)}.result{margin-top:18px;padding:18px;border:1px solid color-mix(in srgb,var(--success) 35%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--success) 6%,var(--surface))}.success-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.success-mark{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;padding:8px;border-radius:50%;background:color-mix(in srgb,var(--success) 14%,var(--surface));color:var(--success)}.success-heading strong{font-size:14px}.success-heading p{font-size:12px;color:var(--muted);margin:4px 0 0}.result label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.link-row{display:flex;gap:8px}.link-row input{min-width:0;flex:1;width:100%;height:44px;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:var(--input);color:var(--ink);font-size:12px}.download-link{display:inline-flex;align-items:center;gap:7px;margin:14px 0 0;color:var(--primary);font-weight:700;font-size:12px;text-decoration:none}.download-link svg{width:15px;height:15px}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.features>div{padding:18px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.feature-icon{display:grid;place-items:center;width:34px;height:34px;padding:9px;border-radius:11px;background:var(--primary-soft);color:var(--primary);margin-bottom:12px}.features strong{font-size:12px}.features p{font-size:11px;line-height:1.6;color:var(--muted);margin:6px 0 0}.privacy-note{max-width:550px;text-align:center;margin:22px auto 0;font-size:11px;line-height:1.7;color:var(--muted)}footer{text-align:center;padding:22px 16px 28px;color:var(--muted);font-size:11px}.footer-separator{padding:0 5px;color:var(--primary)}.hidden{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 40%,transparent);outline-offset:3px}
@media(max-width:600px){.topbar{height:66px;padding:0 16px}.brand{font-size:19px}.brand-icon{width:34px;height:34px}.header-actions{gap:10px}.top-note{font-size:0;gap:0}.status-dot{font-size:initial}.theme-toggle{width:37px;height:37px}.shell{width:calc(100% - 28px);padding-top:42px}h1{letter-spacing:-1.7px}.subtitle{font-size:14px}.upload-card{padding:13px;border-radius:19px}.dropzone{min-height:250px;padding:22px 12px}.features{grid-template-columns:1fr;gap:9px}.features>div{display:grid;grid-template-columns:36px 1fr;column-gap:11px;padding:13px}.feature-icon{grid-row:span 2;margin:0}.features p{margin-top:3px}.link-row{flex-direction:column}.link-row .button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}