:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#020617;--surface:#0e1223;--surface-glass:rgba(14,18,35,var(--glass-opacity,.55));--text:#f8fafc;--muted:#a8b5c8;--border:#475569;--focus:#fff;--accent:#8dc8ff;background:var(--bg);color:var(--text);font:16px/1.5 Fira Sans,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 55% 12%,#24425f,var(--bg) 48%);min-width:320px;margin:0}main{max-width:1440px;min-height:100dvh;margin:auto;padding:24px}.skip{background:var(--text);color:var(--bg);z-index:10;border-radius:8px;padding:12px;position:absolute;top:-80px;left:16px}.skip:focus{top:16px}header{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.brand{color:var(--text);font-weight:700}.login{border:1px solid var(--border);min-height:44px;color:var(--text);border-radius:10px;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.login:hover{border-color:var(--accent)}.builder{grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(200px,240px);gap:24px;margin-top:32px;display:grid}.panel,.card,.tiles article{background:var(--surface-glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(var(--glass-blur,18px));backdrop-filter:blur(var(--glass-blur,18px));border-radius:var(--radius,20px);padding:20px;box-shadow:0 18px 45px #00000052}.panel{align-content:start;gap:16px;margin:0;display:grid}h1,h2,p{margin:0}h1{font-size:1.5rem}legend{padding:0 6px;font-size:1.25rem;font-weight:600}label{color:var(--muted);gap:8px;display:grid}.check{align-items:center;gap:12px;min-height:44px;display:flex}input,select,button{border:1px solid var(--border);min-height:44px;color:inherit;font:inherit;background:#080b14;border-radius:10px;padding:8px}input[type=checkbox]{width:22px;min-height:22px}input[type=range]{width:100%}button{background:var(--accent);color:#07111d;cursor:pointer;border-color:#0000;font-weight:700}button:hover{filter:brightness(1.08)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.status{min-height:24px;color:var(--muted)}.preview{align-content:center;gap:20px;min-height:560px;display:grid}.card{border-color:var(--accent);align-items:center;gap:16px;display:flex}img{border-radius:50%}.card strong{color:var(--accent);margin-left:auto}.tiles{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tiles b{color:var(--accent);font-variant-numeric:tabular-nums}@media (max-width:900px){.builder{grid-template-columns:1fr}.preview{min-height:380px}.panel:last-child{order:3}}@media (max-width:480px){main{padding:16px}.card{flex-wrap:wrap;align-items:flex-start}.card strong{width:100%;margin-left:0}.tiles{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}