:root{--bg:#0b0f16;--panel:#111826;--muted:#9aa4b2;--text:#e7eef5;--brand:#7c5cff;--brand-2:#27c1a5;--danger:#ff5c7a;--warn:#ffc857;--ok:#3bd671;--border:#223047;--code:#0a1220}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 800px at 20% -10%, #7c5cff40, transparent 60%), radial-gradient(1000px 700px at 110% 10%, #27c1a533, transparent 50%), var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;line-height:1.45}.container{max-width:1200px;margin:0 auto;padding:32px 20px 64px}header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.header-main{align-items:center;gap:16px;min-width:0;display:flex}.logo{background:linear-gradient(135deg, var(--brand), var(--brand-2));border-radius:12px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 10px 28px #7c5cff40}.logo span{color:#fff;font-weight:800}h1{letter-spacing:.3px;margin:0 0 4px;font-size:clamp(22px,3vw,32px)}.sub{color:var(--muted);font-size:14px}.lang-switch{justify-items:end;gap:6px;min-width:180px;display:grid}.lang-switch label{color:var(--muted);margin:0;font-size:12px}.lang-switch select{max-width:220px}@media (width<=860px){header{flex-wrap:wrap}.header-main{width:100%}.lang-switch{justify-items:start;width:100%}}.stepper{grid-template-columns:repeat(9,1fr);gap:8px;margin:24px 0 12px;display:grid}.step{border:1px solid var(--border);text-align:center;color:var(--muted);-webkit-user-select:none;user-select:none;background:#0f1523;border-radius:12px;padding:10px 8px;font-size:12px;position:relative}.step[data-active=true]{border-color:var(--brand);color:#fff;box-shadow:inset 0 0 0 2px #7c5cff40}.progress{border:1px solid var(--border);background:#0c1424;border-radius:999px;height:6px;overflow:hidden}.bar{background:linear-gradient(90deg, var(--brand), var(--brand-2));width:0%;height:100%;transition:width .35s}.grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=960px){.grid{grid-template-columns:1.2fr .8fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 10px 30px #00000038}.panel h2{margin:0 0 12px;font-size:18px}.muted{color:var(--muted);font-size:13px}.form{gap:12px;display:grid}label{color:#cdd7e3;margin-bottom:6px;font-size:13px;display:block}.hint{color:var(--muted);margin-top:6px;font-size:12px}.target-platform{border:1px solid var(--border);background:#0f1626;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.target-platform strong{color:var(--text)}input[type=text],input[type=password],input[type=number],input[type=url],textarea,select{border:1px solid var(--border);width:100%;color:var(--text);background:#0f1626;border-radius:10px;outline:none;padding:10px 12px;font-size:14px;box-shadow:inset 0 3px 12px #0000002e}input[aria-invalid=true]{border-color:var(--danger)}.validation-error{color:#ffb4c0}textarea{resize:vertical;min-height:90px}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.row-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.row-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.btns{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button{cursor:pointer;border:1px solid var(--border);color:var(--text);background:#121a2a;border-radius:12px;padding:10px 14px;font-weight:600}.primary{background:linear-gradient(135deg, var(--brand), var(--brand-2));border:none;box-shadow:0 10px 20px #7c5cff59,0 3px 8px #27c1a540}.ghost{background:0 0}.danger{color:#ffb4c0;background:#2a121a;border-color:#4b1a27}.ok{color:#b7ffd0;background:#122a1a;border-color:#1b3d2a}.switch{align-items:center;gap:10px;display:inline-flex}.switch input{appearance:none;border:1px solid var(--border);background:#0f1523;border-radius:999px;outline:none;width:40px;height:22px;transition:background .2s;position:relative}.switch input:checked{background:var(--brand);border-color:var(--brand)}.switch input:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.switch input:checked:after{transform:translate(18px)}.code{background:var(--code);border:1px solid var(--border);white-space:pre;border-radius:12px;max-height:420px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;overflow:auto}.inline{border:1px solid var(--border);background:#0f1626;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}details{border:1px dashed var(--border);border-radius:12px;padding:10px 12px}details summary{cursor:pointer;color:#d7dff1}.kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:8px;font-size:12px}.footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin:8px 0 14px;display:flex}.tiny{color:var(--muted);font-size:12px}.tag{border:1px solid var(--border);color:#c9d6ea;background:#10182a;border-radius:999px;padding:4px 8px;font-size:12px;display:inline-block}.hidden{display:none!important}.hr{background:var(--border);height:1px;margin:12px 0}.list{gap:8px;display:grid}.list-item{border:1px solid var(--border);background:#0f1523;border-radius:12px;gap:8px;padding:10px;display:grid}.list-item .row{grid-template-columns:2fr 2fr 1fr}@media (width<=700px){.row,.row-3,.row-4,.list-item .row{grid-template-columns:1fr}}