:root{--bg-a:#16061d;--bg-b:#2b0f34;--bg-c:#3e1748;--panel:rgba(28,10,34,.8);--line:rgba(255,190,230,.24);--text:#fff3fb;--muted:#f5d7eb;--accent:#ff4fb6;--accent-2:#ff86d0;--btn:#ffb3df;--btn-text:#3a0b2f}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Avenir Next,Segoe UI,sans-serif}body{color:var(--text);background:#fff}.shell{width:min(1100px,94vw);margin:0 auto;padding:2.2rem 0 3rem}.kicker{margin:0;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-2);font-size:.78rem;font-weight:700}.hero h1{margin:.4rem 0 .35rem;font-size:clamp(1.8rem,3.7vw,2.8rem);line-height:1.08;color:#1d1321}.hero p{margin:0;color:#5c4e63}.forge{margin-top:1.4rem;display:grid;grid-template-columns:1.2fr .8fr;grid-gap:1rem;gap:1rem}.controls,.viewer{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.preview{width:100%;max-width:680px;border-radius:16px;background:#fff;display:block;margin:0 auto}.status{margin:.8rem 0 0;color:#ffeefe;font-size:.92rem}.traits{margin:.45rem 0 0;color:#f8dff0;font-size:.86rem}.label{display:block;margin:0 0 .45rem;text-transform:uppercase;letter-spacing:.07em;font-size:.74rem;font-weight:700;color:#ffe8f8}.controls select{width:100%;margin:0 0 1rem;background:rgba(50,16,53,.95);color:#ffeefe;border:1px solid rgba(255,194,234,.42);border-radius:12px;padding:.68rem}.button{width:100%;border:0;border-radius:12px;padding:.75rem .95rem;font-weight:700;font-size:.95rem;cursor:pointer;background:var(--btn);color:var(--btn-text);margin-bottom:.62rem}.button.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff}.button:last-of-type{margin-bottom:0}.button:disabled{opacity:.55;cursor:not-allowed}.mini{margin:.75rem 0 0;font-size:.84rem;color:#f5d3e9}@media (max-width:920px){.forge{grid-template-columns:1fr}.preview{max-width:100%}}