.stats-ribbon{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:20px}.stat-box{background:var(--bg-card, #1e222d);border:1px solid var(--border-color, #2a2e3d);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.75rem;color:var(--muted, #94a3b8);text-transform:uppercase;letter-spacing:.05em}.stat-val{font-size:1.1rem;font-weight:700;color:var(--text, #f8fafc)}.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-bottom:16px}.style-btn{padding:8px 12px;border-radius:8px;border:1px solid var(--border-color, #2a2e3d);background:var(--bg-canvas, #151821);color:var(--text, #f8fafc);cursor:pointer;font-size:.82rem;font-weight:600;text-align:center;transition:all .2s ease}.style-btn:hover{border-color:var(--accent, #38bdf8);background:#38bdf81a}.style-btn.active{background:var(--accent, #38bdf8);color:#0f172a;border-color:var(--accent, #38bdf8)}.preview-stage{min-height:220px;border-radius:12px;border:1px solid var(--border-color, #2a2e3d);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:30px;transition:background .3s ease}.stage-backdrop-controls{position:absolute;top:12px;right:12px;display:flex;gap:6px}.backdrop-pill{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:transform .2s ease}.backdrop-pill:hover{transform:scale(1.2)}.backdrop-pill.dark{background:#0f172a}.backdrop-pill.light{background:#f8fafc}.backdrop-pill.purple{background:#311b92}.backdrop-pill.grid-pattern{background:repeating-conic-gradient(#1e293b 0% 25%,#0f172a 0% 50%) 50% / 12px 12px}.tab-nav{display:flex;gap:6px;border-bottom:1px solid var(--border-color, #2a2e3d);margin-bottom:12px}.tab-nav-btn{background:none;border:none;color:var(--muted, #94a3b8);padding:8px 14px;font-size:.85rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-nav-btn:hover{color:var(--text, #f8fafc)}.tab-nav-btn.active{color:var(--accent, #38bdf8);border-bottom-color:var(--accent, #38bdf8)}