:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e9f0fa;background:#0b111a;font-synthesis:none;color-scheme:dark;--blue:#55aaff;--line:#26364b;--panel:#121c29;--muted:#8b9db4}*{box-sizing:border-box}html{background:#0b111a}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% 0,#15365a42,transparent 35%),#0b111a}button,input,select{font:inherit}.app-shell{min-height:100vh}.topbar{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,64px);background:#0d1621ed;backdrop-filter:blur(18px);border-bottom:1px solid #233247}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{width:43px;height:43px;border-radius:12px;background:linear-gradient(145deg,#4eb0ff,#245bd6);display:grid;place-items:center;box-shadow:0 12px 30px #1978d735}.brand-mark svg{width:27px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linejoin:round}.brand-mark .fill{fill:#fff;stroke:none}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:19px;letter-spacing:-.7px}.brand strong span{color:#6cb9ff}.brand small{font-size:8px;letter-spacing:1.8px;color:#8396ae;margin-top:2px}.top-actions{display:flex;align-items:center;gap:12px}.local-pill{font-size:9px;letter-spacing:1.2px;color:#a3b4c6}.local-pill i{display:inline-block;width:7px;height:7px;background:#39d795;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #39d7951a}.ghost{border:1px solid #315779;background:#16283a;color:#b7d9f7;border-radius:9px;padding:9px 13px}.account-button{width:37px;height:37px;border-radius:50%;border:1px solid #37678f;background:#173d60;color:#bfe3ff;font-weight:800}main{max-width:1420px;margin:auto;padding:45px clamp(16px,4vw,52px) 30px}.hero{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#69b7ff;font-weight:800}.hero h1{font-size:clamp(30px,5vw,46px);letter-spacing:-2px;margin:10px 0 7px}.hero p{margin:0;color:var(--muted)}.windows-link{display:flex;gap:12px;align-items:center;color:#dbeeff;text-decoration:none;background:#13263a;border:1px solid #2c4d6d;border-radius:12px;padding:13px 16px}.windows-link>span:first-child{font-size:27px;color:#65b1ff}.windows-link span:last-child{display:flex;flex-direction:column;gap:3px}.windows-link small{font-size:10px;color:#7f9ab6}.notice{padding:12px 15px;border-radius:10px;border:1px solid #396990;background:#17324b;color:#c5e4ff;margin-bottom:16px}.panel{background:linear-gradient(145deg,#14202e,#101924);border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:0 16px 40px #0002}.workspace-grid,.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bottom-grid{margin-top:18px}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:21px}.panel-title .step{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#1a3855;border:1px solid #2c689c;color:#67b7ff;font-size:10px;font-weight:900}.panel-title h2{font-size:15px;margin:0}.panel-title p{font-size:10px;color:#7d91a9;margin:4px 0 0}.dropzone{min-height:205px;border:1.5px dashed #3a5b78;border-radius:12px;background:radial-gradient(circle at 50% 0,#214b7350,transparent 70%),#101d2a;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:.2s}.dropzone.drag,.dropzone:hover{border-color:#67b8ff;background-color:#152a3d}.dropzone input{position:absolute;opacity:0;pointer-events:none}.drop-icon{position:relative;width:60px;height:60px;display:grid;place-items:center;border-radius:16px;background:#233e57;color:#72bfff;font-size:30px;margin-bottom:13px}.drop-icon b{position:absolute;right:-5px;bottom:-3px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#4a9ff0;color:#fff;font-size:14px}.dropzone strong{font-size:14px}.dropzone p{font-size:11px;color:#879bb1;margin:8px 0 0}.file-list{margin-top:14px;max-height:180px;overflow:auto}.empty{text-align:center;color:#63758d;font-size:11px;padding:22px}.file-row{display:flex;align-items:center;gap:10px;border:1px solid #2c3c50;background:#15212f;padding:8px;border-radius:9px;margin-top:7px;cursor:pointer}.file-row.selected{border-color:#4b91c9;background:#19324a}.file-thumb{width:42px;height:42px;object-fit:cover;border-radius:7px;background:#203246}.file-meta{min-width:0;flex:1}.file-meta strong,.file-meta small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-meta strong{font-size:11px}.file-meta small{font-size:9px;color:#8196ad;margin-top:4px}.file-remove{border:0;background:transparent;color:#8193a8;font-size:20px}.field-label{display:block;font-size:9px;letter-spacing:1.3px;color:#98aabf;font-weight:800;margin-bottom:9px}.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:22px}.format{min-height:66px;border:1px solid #2b3c50;border-radius:9px;background:#172535;color:#b7c6d8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.format small{font-size:9px;color:#748aa3}.format.chosen{background:#173e64;border-color:#3f94df;color:#e1f2ff}.format.chosen small{color:#9dcefa}.preset-group{display:flex;background:#0d1721;border:1px solid #29384a;border-radius:9px;padding:4px;margin-bottom:20px}.preset-group button{flex:1;border:0;border-radius:6px;background:transparent;color:#8092a9;padding:9px 4px;font-size:10px}.preset-group .picked{background:#294c6e;color:#d4ebff;font-weight:800}.range-row{display:block;margin:16px 0}.range-row span{display:flex;justify-content:space-between;font-size:11px;color:#bfd0e1}.range-row output{color:#75bbf9;font-weight:800}.range-row input{width:100%;accent-color:#5cabf5;margin-top:12px}.select-row{border-top:1px solid #27364a;padding-top:17px;margin-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.select-row select{border:1px solid #34485e;background:#172737;color:#c3d7ea;border-radius:8px;padding:9px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px}.comparison figure{margin:0}.comparison figcaption{font-size:9px;letter-spacing:1.1px;color:#8298ae;margin-bottom:7px;font-weight:800}.checker{height:210px;border:1px solid #2b3f53;border-radius:10px;overflow:hidden;display:grid;place-items:center;background-color:#132131;background-image:linear-gradient(45deg,#ffffff08 25%,transparent 25%),linear-gradient(-45deg,#ffffff08 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff08 75%),linear-gradient(-45deg,transparent 75%,#ffffff08 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.checker span{font-size:10px;color:#657f98}.checker img{display:block;width:100%;height:100%;object-fit:contain}.privacy-card{display:flex;gap:12px;padding:16px;border:1px solid #2e536d;background:#142a3d;border-radius:10px;margin-bottom:19px}.privacy-card>span{color:#44d697;font-weight:900}.privacy-card strong{font-size:12px}.privacy-card p{font-size:10px;color:#88a4bb;line-height:1.5;margin:5px 0 0}.summary{display:flex;justify-content:space-between;padding:7px 1px;font-size:11px;color:#8ea2b7}.summary strong{color:#d1deeb}.primary{width:100%;border:1px solid #54afff;background:linear-gradient(105deg,#389cf6,#1766d0);color:#fff;border-radius:10px;padding:13px;font-weight:800;margin-top:14px;box-shadow:0 10px 24px #1366c02e}.primary:disabled{opacity:.45}.fineprint{text-align:center;color:#6f8499;font-size:9px}.install-card{margin-top:18px;border:1px solid #2b4660;background:linear-gradient(110deg,#12283b,#162d45);border-radius:15px;padding:23px 27px;display:flex;justify-content:space-between;align-items:center}.install-card>div{display:grid;grid-template-columns:auto 1fr;column-gap:14px}.install-icon{grid-row:1/3;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#27577f;color:#a7d8ff}.install-card h2{font-size:15px;margin:0}.install-card p{font-size:11px;color:#96aac0;margin:7px 0 0}.install-card button{border:1px solid #487ba6;background:#1b4569;color:#cbe7ff;border-radius:9px;padding:10px 14px}footer{max-width:1420px;margin:auto;padding:14px clamp(18px,4vw,54px) 32px;display:flex;justify-content:space-between;font-size:9px;color:#627990}dialog{border:0;background:transparent;padding:15px;color:inherit}dialog::backdrop{background:#03070dce;backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(430px,calc(100vw - 30px));background:#121e2b;border:1px solid #334a63;border-radius:17px;padding:30px;box-shadow:0 24px 80px #0008;text-align:center}.modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#8ca0b5;font-size:28px}.modal-logo{margin:auto}.modal-card h2{margin:17px 0 8px}.modal-card>p{font-size:12px;color:#8fa4ba;line-height:1.5}.modal-card label{display:block;text-align:left;font-size:9px;letter-spacing:1px;color:#8da5bb;margin-top:20px}.modal-card input{width:100%;padding:13px;margin-top:7px;border:1px solid #3a536c;background:#0e1924;color:#eaf3fc;border-radius:9px;text-transform:uppercase}.modal-card small{display:block;color:#71869d;font-size:9px;margin-top:13px}.instructions{text-align:left}.instructions ol{color:#b4c5d6;line-height:1.8;font-size:13px}.instructions .primary{display:block;text-align:center}.busy{opacity:.65;pointer-events:none}@media(max-width:850px){.workspace-grid,.bottom-grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.windows-link{width:100%}.local-pill{display:none}.comparison .checker{height:180px}.topbar{padding:0 16px}main{padding-top:28px}.panel{padding:18px}}@media(max-width:520px){.brand small{display:none}.brand-mark{width:38px;height:38px}.brand strong{font-size:17px}.top-actions{gap:7px}.ghost{padding:8px}.hero h1{font-size:31px}.comparison{grid-template-columns:1fr}.comparison .checker{height:220px}.format-grid{grid-template-columns:1fr 1fr}.install-card{align-items:stretch;flex-direction:column;gap:18px}.install-card button{width:100%}footer{flex-direction:column;gap:7px}.panel{border-radius:12px}.file-list{max-height:230px}}