.creator-layout{display:grid;grid-template-columns:220px 1fr 220px;grid-template-rows:1fr 1fr;gap:16px;height:100%;min-height:640px;margin-top:60px;background:#0a0a0f;color:#e8e2d6;padding:16px;box-sizing:border-box}.creator-panel{background:#14141c;border:1px solid #2a2a36;border-radius:6px;padding:12px;overflow-y:auto}.creator-panel h3{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#a89a7c}.creator-panel--l1{grid-column:1;grid-row:1}.creator-panel--l2{grid-column:3;grid-row:1}.creator-panel--l3{grid-column:1;grid-row:2}.creator-panel--l4{grid-column:3;grid-row:2}.creator-stage{grid-column:2;grid-row:1 / span 2;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1c1c26,#0a0a0f 70%);border:1px solid #2a2a36;border-radius:6px}.creator-stage-inner{position:relative;width:80%;max-width:420px;aspect-ratio:1 / 1}.creator-item{display:flex;align-items:center;gap:8px;padding:6px;border-radius:4px;cursor:grab;border:1px solid transparent}.creator-item:hover{background:#ffffff0a;border-color:#3a3a48}.creator-item.is-equipped{border-color:#8a6d3b;background:#8a6d3b1f}.creator-item img{width:36px;height:36px;object-fit:contain}.creator-toolbar{position:absolute;bottom:-44px;left:0;right:0;display:flex;justify-content:center;gap:8px}.creator-toolbar button{background:#1c1c26;border:1px solid #3a3a48;color:#e8e2d6;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer}.creator-toolbar button:hover{background:#2a2a36}.creator-race-gender-bar{grid-column:1 / span 3;grid-row:3;display:flex;gap:8px;justify-content:center;padding-top:4px}*{margin:0;padding:0;box-sizing:border-box}:root{--gold: #c9a84c;--gold-light: #e8c97a;--dark: #0a0a0f;--dark-2: #111118;--dark-3: #1a1a26;--dark-4: #22223a;--text: #e8e0d0;--text-muted: #9090a0;--border: rgba(201,168,76,.25);--border-hover: rgba(201,168,76,.6)}body{font-family:Inter,sans-serif;background:var(--dark);color:var(--text);min-height:100vh}h1,h2,h3,.cinzel{font-family:Cinzel,serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.btn{padding:.6rem 1.4rem;border-radius:4px;font-size:.875rem;font-weight:500;border:none;transition:all .2s;letter-spacing:.04em}.btn-gold{background:linear-gradient(135deg,#c9a84c,#e8c97a);color:#0a0a0f;font-weight:600}.btn-gold:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 20px #c9a84c66}.btn-outline{background:transparent;border:1px solid var(--border-hover);color:var(--gold-light)}.btn-outline:hover{background:#c9a84c1a}.input{width:100%;padding:.7rem 1rem;background:#ffffff0a;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.875rem;transition:border-color .2s;outline:none}.input:focus{border-color:var(--gold)}.input::placeholder{color:var(--text-muted)}.card{background:var(--dark-3);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.error-msg{color:#e05555;font-size:.825rem;margin-top:.5rem}