:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#060e0b;color:#ecf5ee;font-size:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 70% 45% at 95% 0%,#14402d6b,transparent 65%),#060e0b}button,input,select{font:inherit}button{cursor:pointer}.site{max-width:1200px;margin:auto;padding:0 30px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:14px;font-size:23px;letter-spacing:.2px;font-weight:750}.brand strong{color:#83ea9c}.brand small{display:block;color:#a4b5a9;font-size:11px;font-weight:500;margin-top:3px;letter-spacing:1.6px}.brand-icon{width:60px;height:60px;border:1px solid #60cb86;box-shadow:0 0 25px #64f6a544,inset 0 0 25px #60c77c24;border-radius:18px;color:#8bffb1;display:grid;place-items:center;font-size:34px}.languages{display:flex;align-items:center;gap:8px}.languages a{display:block;border:1px solid #ffffff2b;padding:9px 13px;border-radius:9px;color:#c5dccb;text-decoration:none;font-size:13px;font-weight:700}.languages a.current{border-color:#74ec99;color:#98ffb7;background:#185b336b}.languages .secret{border:0;opacity:0;display:inline-block;width:13px;min-width:13px;overflow:hidden;padding:10px 0}.hero{min-height:355px;display:grid;grid-template-columns:1.65fr .9fr;gap:35px;align-items:center;padding:50px 5px}.eyebrow{color:#73f4a1;font-size:13px;font-weight:750;letter-spacing:3px}.hero h1{font-size:clamp(30px,4.2vw,54px);line-height:1.12;letter-spacing:-1.2px;margin:23px 0}.hero h1 em{font-style:normal;color:#78e994}.hero p{color:#b9c9bd;line-height:1.7;max-width:650px;font-size:17px}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:250px;isolation:isolate;gap:12px}.visual-glow{position:absolute;width:270px;height:180px;background:#58fa8f55;filter:blur(70px);z-index:-1}.visual-card{width:124px;height:145px;padding:20px;border-radius:20px;background:linear-gradient(145deg,#215337,#09251b);box-shadow:0 15px 45px #0008;border:1px solid #5cea9455;font-size:23px;font-weight:850;transform:rotate(-9deg)}.visual-card span{display:block;text-align:center;font-size:53px;color:#a0ffc2;margin-top:8px}.card-jpg{transform:rotate(8deg);background:linear-gradient(145deg,#276046,#132c20)}.visual-arrow{font-size:35px;color:#86f8a8}.workspace{border-radius:28px;background:linear-gradient(160deg,#112219 0%,#0b1711 65%,#11251a 100%);border:1px solid #387b4c72;padding:36px 45px 45px;box-shadow:0 16px 90px #0008}.section-caption{display:flex;align-items:center;gap:16px;margin:14px 0 22px}.section-caption h2{font-size:23px;margin:0}.section-num{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#1a5937;color:#a0ffc5;font-size:14px;font-weight:750}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:35px}.mode{min-height:73px;background:#15281e;border:1px solid #356048;border-radius:14px;color:#e5f3e9;font-weight:740;letter-spacing:.1px;transition:.12s}.mode span{color:#74eb9a;font-size:19px;margin:0 7px}.mode:hover{background:#204b31}.mode.selected{background:#245e3c;border-color:#7bf6a3;box-shadow:0 0 0 2px #74f6a921}.drop{border:2px dashed #3c8058;border-radius:18px;background:#0c2317;min-height:215px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;padding:22px;text-align:center}.drop.drag{border-color:#97ffb5;background:#1e4830}.drop-symbol{font-size:35px;color:#87eeaa}.drop strong{font-size:18px}.drop p{margin:0;color:#a6baac;font-size:14px}.select-button{display:inline-block;background:#d9ffdf;color:#10321b;border-radius:10px;font-weight:850;margin-top:7px;padding:11px 19px;cursor:pointer}.select-button:hover{background:#a5ffc5}.drop input{position:absolute;left:-9999px;width:1px;height:1px}.filehead{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 6px;color:#acc9b7;font-size:13px}.file-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:7px}.file-list li{display:flex;align-items:center;gap:8px;min-height:47px;background:#081a10;border:1px solid #295239;border-radius:10px;padding:7px 12px}.filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.filesize{color:#a6c3ac;font-size:12px;white-space:nowrap}.file-list button{border:1px solid #467b59;border-radius:7px;background:#193321;color:#c6ffd6;width:31px;height:31px}.file-list button:disabled{opacity:.25}.file-list button:hover:not(:disabled){background:#2a6d40}.settings{display:flex;gap:14px;flex-wrap:wrap;padding:18px 0;border-top:1px solid #44664a65}.settings label{flex:1;min-width:155px;display:flex;flex-direction:column;gap:8px;color:#bdd0c2;font-size:13px}.settings select{width:100%;padding:11px 13px;background:#082217;color:#e8faeb;border:1px solid #48775a;border-radius:9px}.settings label.disabled{opacity:.28}.bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:8px}.note{max-width:590px;color:#a9bcac;line-height:1.55;font-size:12px}.go{background:linear-gradient(115deg,#b5ffbf,#5edc86);border:0;border-radius:12px;color:#052315;font-size:15px;font-weight:850;min-height:52px;padding:12px 23px;white-space:nowrap;box-shadow:0 10px 25px #3cdd7544}.go:hover{filter:brightness(1.07)}.go:disabled{opacity:.45;cursor:progress}.status{min-height:23px;padding-top:13px;color:#b2ffca;font-size:14px}.status.error{color:#ffb6ad}footer{display:flex;justify-content:space-between;gap:15px;padding:37px 8px 55px;color:#9cbaa5;font-size:12px}@media(max-width:800px){.site{padding:0 16px}.hero{grid-template-columns:1fr;min-height:0;gap:4px;padding:42px 5px}.hero-visual{display:none}.workspace{padding:24px 16px}.modes{grid-template-columns:repeat(2,1fr)}.mode{min-height:65px;font-size:14px}.bottom{flex-direction:column;align-items:stretch;gap:5px}.go{width:100%}.hero h1{font-size:35px}.topbar{height:80px}.brand{font-size:19px}.brand-icon{width:45px;height:45px;border-radius:12px}.brand small{font-size:9px}footer{flex-direction:column}}@media(max-width:370px){.modes{grid-template-columns:1fr}.languages a{padding:7px 9px}}