:root{color-scheme:dark;--bg:#080e1e;--panel:#101a30;--line:#253451;--muted:#94a7c4;--text:#edf4ff;--blue:#458cff;--cyan:#5cdbff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 70% 40% at 65% 0%,#1b3260 0%,transparent 80%),radial-gradient(ellipse 45% 35% at 0% 45%,#12244b 0%,transparent 90%),var(--bg);color:var(--text);font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:27px 0;border-bottom:1px solid #23314b}.brand{display:flex;gap:13px;align-items:center}.brand-icon{width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(135deg,#307bff,#7749ee);border-radius:13px;font-size:28px;box-shadow:0 12px 35px #3168f442}.brand strong{display:block;font-size:24px;letter-spacing:1.5px;line-height:1.1}.brand strong span{color:#63b5ff}.brand small{font-size:10px;letter-spacing:2.1px;color:#90a4c5}.header-right{display:flex;align-items:center;gap:13px}.status,.version,.tag{font-size:11px;font-weight:750;letter-spacing:1px;border:1px solid #314562;border-radius:30px;padding:8px 12px;color:#afc3e3}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;margin-right:7px;box-shadow:0 0 12px #34d399}.version{color:#70b7ff}.hero{padding:54px 0 39px}.eyebrow,.step{font-size:11px;font-weight:800;letter-spacing:2px;color:#6cb7ff}.hero h1{font-size:clamp(38px,5.4vw,68px);letter-spacing:-2px;line-height:1.08;margin:14px 0 19px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#6fb9ff,#a68cff,#6be5f5);color:transparent;background-clip:text}.hero p{max-width:630px;color:#a8b9d2;font-size:16px}.features{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.features span{padding:7px 12px;background:#162541;border:1px solid #2a3d5f;border-radius:7px;font-size:10px;letter-spacing:1px;color:#adc7e9}.layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.panel{min-width:0;padding:27px;border:1px solid #2b3b58;border-radius:21px;background:linear-gradient(160deg,#15223aef,#0e182bef);box-shadow:0 20px 55px #0002}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px}.section-head h2{margin:6px 0 0;font-size:23px;letter-spacing:-.6px}.tag{font-size:9px;white-space:nowrap}.dropzone{border:1.5px dashed #45608a;border-radius:16px;text-align:center;padding:26px 16px;background:linear-gradient(180deg,#16284999,#0b172b88);transition:.2s;cursor:pointer}.dropzone.dragover{border-color:#5dc6ff;background:#1c3763}.folder-illustration{position:relative;width:120px;height:100px;margin:0 auto 12px}.folder-back{position:absolute;left:16px;top:23px;width:86px;height:60px;border-radius:10px;background:#386dd8;transform:rotate(-9deg)}.folder-front{position:absolute;left:12px;top:38px;width:100px;height:63px;border-radius:9px 12px 13px 13px;background:linear-gradient(140deg,#62b6ff,#316de7);box-shadow:0 14px 27px #286df04a;transform:rotate(5deg)}.folder-front b{font-size:36px;color:#d8edff}.file-float{position:absolute;top:0;right:3px;background:#e9f5ff;color:#3c75c8;font-size:14px;font-weight:900;padding:11px 8px;border-radius:6px;transform:rotate(13deg);box-shadow:0 7px 20px #0004}.dropzone h3{font-size:18px;margin:12px 0 3px}.dropzone p{margin:0 0 19px;color:var(--muted);font-size:13px}.button{display:block;width:100%;text-align:center;padding:14px 17px;border:0;border-radius:11px;color:white;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .15s,filter .15s}.button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.button:disabled{opacity:.42;cursor:not-allowed}.primary{background:linear-gradient(100deg,#3479fa,#6b53ed)}.secondary{background:linear-gradient(100deg,#188cd7,#3477e8)}.download{background:linear-gradient(100deg,#059c77,#1bba93)}.dropzone .button{max-width:210px;margin:0 auto}.filename{margin-top:15px;color:#a9c9ef;font-size:12px;overflow-wrap:anywhere}.hint{font-size:12px;color:#91a9c7;margin-top:17px}.field{margin-bottom:18px}.field label{display:block;font-size:11px;font-weight:800;letter-spacing:1px;color:#c8d8f0;margin-bottom:8px}.field label span{font-weight:400;letter-spacing:0;color:#8399b8}textarea,select{display:block;width:100%;padding:13px 14px;border:1px solid #354968;border-radius:10px;outline:none;background:#0b1528;color:#edf4ff;font:14px/1.5 inherit;font-family:inherit}textarea{min-height:91px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}textarea:focus,select:focus{border-color:#5ba5ff;box-shadow:0 0 0 3px #4c95ff22}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.stats>div{background:#0d1a31;border:1px solid #2b3c5a;border-radius:13px;padding:16px;text-align:center}.stats strong{display:block;font-size:30px;color:#7ab8ff}.stats span{font-size:12px;color:#91a7c4}.preview{max-height:260px;overflow:auto;margin-bottom:18px;border:1px solid #2a3a54;border-radius:12px}.preview-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid #263650;font-size:12px}.preview-item:last-child{border-bottom:0}.preview-file{overflow-wrap:anywhere;color:#c8d8f0}.preview-match{flex-shrink:0;color:#79b9ff;font-weight:800}.success-card{text-align:center}.success-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 17px;border-radius:50%;background:#0a966f;font-size:34px}.success-card h2{margin:9px 0}.success-card p{color:#a8b8d0}.fineprint{font-size:12px}.hidden{display:none!important}.loading{position:fixed;inset:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050b19df;backdrop-filter:blur(9px)}.spinner{width:45px;height:45px;border:4px solid #ffffff20;border-top-color:#64b4ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{padding:35px 0;text-align:center;color:#627897;font-size:10px;letter-spacing:1.5px}footer span{margin:0 8px}@media(max-width:760px){.shell{width:min(100% - 28px,560px)}.header{padding:19px 0}.brand strong{font-size:20px}.brand-icon{width:40px;height:40px}.version{display:none}.status{font-size:9px;padding:7px}.hero{padding:36px 0 25px}.hero h1{letter-spacing:-1.4px}.hero p{font-size:14px}.layout{grid-template-columns:1fr;gap:14px}.panel{padding:20px;border-radius:17px}.section-head h2{font-size:21px}.features span{font-size:9px}.dropzone{padding:20px 12px}}@media(max-width:350px){.status{display:none}.tag{font-size:8px;padding:6px}}