:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--ink:#eaf4ff;--muted:#a2b5d0;--line:#374d70;--accent:#84d4eb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -25%,#2a3765,transparent 55%),#080e1c;color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.skip{position:absolute;left:-9999px}.skip:focus{top:10px;left:10px;z-index:10;background:#fff;color:#111;padding:12px}.site-header{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px max(18px,calc((100vw - 1200px)/2))}.brand{font-size:13px;font-weight:850;letter-spacing:.08em}.brand b{color:#8bdded}.logo{font-size:25px;margin-right:9px;color:#a0d6ec}.site-header nav{display:flex;gap:20px;font-size:12px;color:var(--muted)}[aria-current=page]{color:#c3eeff;font-weight:750}.back{font-size:11px;color:#a4ddeb}main{max-width:1200px;margin:auto;padding:28px 18px 80px}.hero{text-align:center;padding:68px 18px 54px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:850;color:#9be4f1}.hero h1{font-size:clamp(36px,6vw,72px);letter-spacing:-.065em;line-height:1.08;margin:22px 0}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#91ebff,#c7afff);background-clip:text;color:transparent}.hero>p{max-width:680px;margin:0 auto 28px;line-height:1.7;font-size:15px;color:var(--muted)}.notice{max-width:850px;margin:0 auto;background:#242b41;border:1px solid #64617f;border-radius:11px;padding:16px 20px;font-size:12px;line-height:1.7;color:#e2d6f5}.workspace{border:1px solid var(--line);background:linear-gradient(150deg,#142540,#0f192d);border-radius:22px;padding:36px}.workspace-head h2,.config h2,.details h2{font-size:clamp(22px,3vw,31px);letter-spacing:-.04em;margin:12px 0}.workspace-head p,.config p,.details p{font-size:13px;color:var(--muted);line-height:1.7}.templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:28px 0 35px}.template{display:grid;gap:14px;text-align:left;align-content:start;min-height:190px;padding:22px;border-radius:15px;border:1px solid #405b80;background:#162944;color:var(--ink);font:inherit}.template:hover,.template[aria-checked=true]{border-color:#82e0f2;background:#203b5a;box-shadow:inset 0 0 0 1px #84cde954}.template .number{color:#9bddec;font-size:10px;letter-spacing:.15em}.template strong{font-size:17px}.template small{font-size:12px;color:var(--muted);line-height:1.65}.config{display:grid;grid-template-columns:1fr minmax(270px,1fr);gap:45px;border-top:1px solid var(--line);padding-top:35px}.field{margin-bottom:20px;display:grid;gap:9px}.field label{font-size:12px;color:#bfd6e7}.field input{width:100%;padding:13px;background:#0b1b31;border:1px solid #55729a;border-radius:9px;color:#eff8ff}.field input[type=color]{max-width:100px;height:49px;padding:5px}.config button{border:0;background:linear-gradient(100deg,#88ddea,#a8a1ef);border-radius:9px;color:#071528;font-weight:800;font-size:13px;padding:15px 18px}.config button:disabled{opacity:.6;cursor:not-allowed}.config .status{margin-bottom:0;min-height:38px}.status.error{color:#ffc5d2}.details{padding:58px 0 16px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.details article{border:1px solid var(--line);border-radius:13px;padding:23px;background:#12223a}.details article>strong{color:#81ddeb;letter-spacing:.1em;font-size:14px}.details article h3{font-size:17px;margin:16px 0 10px}footer{border-top:1px solid var(--line);padding:30px;text-align:center;color:#7894b8;font-size:10px;letter-spacing:.13em}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #9af2fa;outline-offset:3px}@media(max-width:800px){.templates,.details-grid{grid-template-columns:1fr}.template{min-height:145px}.config{grid-template-columns:1fr}.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:space-between}.workspace{padding:22px}.hero{padding:48px 0}}