:root{--midnight: #0a0a0a;--midnight-soft: #131313;--surface: #1b1b1b;--surface-high: #272727;--surface-hover: #2f2f2f;--ivory: #f5f0ea;--ivory-dim: rgba(245, 240, 234, .75);--ivory-muted: rgba(245, 240, 234, .4);--ivory-faint: rgba(245, 240, 234, .12);--gold: #b8965a;--gold-light: #d4b47e;--gold-dim: rgba(184, 150, 90, .35);--gold-faint: rgba(184, 150, 90, .12);--border: rgba(245, 240, 234, .1);--border-strong: rgba(245, 240, 234, .2);--error: #e05252;--error-dim: rgba(224, 82, 82, .15);--success: #52a87c;--success-dim: rgba(82, 168, 124, .15);--warning: #d4955a;--warning-dim: rgba(212, 149, 90, .15);--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif;--sidebar-width: 240px;--header-height: 56px;--radius: 6px;--radius-sm: 4px;--radius-lg: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--midnight);color:var(--ivory);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#f5f0ea59}::selection{background:var(--gold-dim);color:var(--ivory)}:focus-visible{outline:1.5px solid var(--gold);outline-offset:2px;border-radius:var(--radius-sm)}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-gold{0%,to{opacity:1}50%{opacity:.4}}@keyframes progress-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fade-in .3s ease forwards}.animate-slide-in{animation:slide-in .3s ease forwards}.animate-spin{animation:spin .8s linear infinite}.animate-pulse-gold{animation:pulse-gold 1.5s ease-in-out infinite}.shimmer{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-high) 50%,var(--surface) 100%);background-size:200% 100%;animation:progress-shimmer 1.5s infinite}.step-line{height:1px;background:var(--border);flex:1;margin:0 8px;transition:background .3s ease}.step-line.active{background:var(--gold)}.upload-zone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);transition:all .2s ease;cursor:pointer}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--gold);background:var(--gold-faint)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s ease}.card:hover{border-color:var(--border-strong)}.card.interactive{cursor:pointer}.card.interactive:hover{border-color:var(--gold-dim)}.divider{height:1px;background:var(--border);width:100%}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media (max-width: 600px){.grid-2,.grid-3{grid-template-columns:1fr}}.prose-dark{color:var(--ivory-dim);font-size:15px;line-height:1.8}.prose-dark p+p{margin-top:12px}.scene-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s ease}.scene-card:hover{border-color:var(--border-strong)}.scene-card .scene-header{background:var(--surface-high);padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.stat-chip{background:var(--gold-faint);border:1px solid var(--gold-dim);color:var(--gold-light);border-radius:var(--radius);padding:4px 10px;font-size:12px;font-weight:500}.equip-tag{background:var(--ivory-faint);border:1px solid var(--border);color:var(--ivory-dim);border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.overlay-tag{background:var(--surface-high);border:1px solid var(--border-strong);color:var(--ivory);border-radius:var(--radius);padding:6px 12px;font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.tooltip{position:relative}.tooltip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--surface-high);border:1px solid var(--border);color:var(--ivory-dim);font-size:11px;white-space:nowrap;padding:4px 8px;border-radius:var(--radius-sm);pointer-events:none;opacity:0;transition:opacity .15s}.tooltip:hover:after{opacity:1}