:root{--bg:#0b1220;--card:#ffffff0f;--card2:#ffffff14;--text:#ffffffeb;--muted:#ffffffa8;--border:#ffffff24;--accent:#7c3aed;--accent2:#22c55e}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 700px at 20% -10%, #7c3aed73, transparent 60%), radial-gradient(900px 600px at 80% 10%, #22c55e40, transparent 55%), var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.container{max-width:980px;margin:0 auto;padding:28px 18px 60px}.header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}h1{margin:0;font-size:22px}p.sub{color:var(--muted);margin:6px 0 0;line-height:1.4}.grid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:920px){.grid{grid-template-columns:1fr 1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 10px 40px #00000040}.card h2{color:#ffffffe6;letter-spacing:.2px;text-transform:uppercase;margin:0 0 10px;font-size:14px;font-weight:700}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.field{flex-direction:column;flex:auto;gap:6px;min-width:220px;display:flex}label{color:var(--muted);font-size:12px}input[type=text],input[type=url],input[type=number],textarea,select{border:1px solid var(--border);width:100%;color:var(--text);background:#00000040;border-radius:10px;outline:none;padding:11px 12px}textarea{resize:vertical;min-height:108px}.btn{color:var(--text);cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;padding:10px 12px;font-weight:700}.btn:hover{filter:brightness(1.08)}.btn.primary{background:#7c3aed40;border-color:#7c3aed99}.btn.good{background:#22c55e2e;border-color:#22c55e99}.small{color:var(--muted);font-size:12px;line-height:1.45}.divider{background:#ffffff1a;height:1px;margin:14px 0}.previewBox{background:#00000038;border:1px solid #ffffff24;border-radius:12px;padding:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.toast{background:#00000038;border:1px solid #ffffff29;border-radius:12px;margin-top:12px;padding:10px 12px}.toast.good{background:#22c55e29;border-color:#22c55e8c}.toast.bad{background:#ef444424;border-color:#ef44448c}