:root{--bg-color:#0d0d12;--text-primary:#f0f0f5;--text-secondary:#a1a1aa;--border-color:#ffffff1a;--atm-glow:#8b5cf64d;--atm-accent:#8b5cf6;--atm-bg-gradient:radial-gradient(circle at top center,#1e1e2d 0%,#0d0d12 100%);--warm-glow:#f59e0b66;--warm-accent:#f59e0b;--cold-glow:#3b82f666;--cold-accent:#3b82f6;--transition-speed:.8s}[data-theme=warm]{--atm-glow:var(--warm-glow);--atm-accent:var(--warm-accent)}[data-theme=cold]{--atm-glow:var(--cold-glow);--atm-accent:var(--cold-accent)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);background-image:var(--atm-bg-gradient);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background 1.5s;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle at 50% 0%,var(--atm-glow)0%,transparent 70%);pointer-events:none;width:100%;height:100%;transition:background var(--transition-speed)ease;z-index:10;position:fixed;top:0;left:0}h1,h2,h3{letter-spacing:-.02em}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#ffffff08;border-radius:16px}.sandbox-container{box-sizing:border-box;grid-template-rows:1fr;grid-template-columns:minmax(250px,16vw) minmax(400px,1fr) minmax(260px,20vw);gap:1rem;height:100vh;padding:1rem;display:grid;overflow:hidden}.mobile-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);z-index:1000;background:#0d0d12e6;justify-content:space-around;align-items:center;height:65px;padding:0 1rem;display:none;position:fixed;bottom:0;left:0;right:0}@media (max-width:1024px){.sandbox-container{grid-template-columns:1fr;height:auto;padding-bottom:80px;overflow:visible}.desktop-only{display:none!important}.mobile-nav{display:flex}.mobile-tab-content{height:calc(100vh - 120px);padding:1rem;overflow-y:auto;display:none!important}.mobile-tab-content.active{flex-direction:column;gap:1rem;display:flex!important}}.nav-item{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px;font-size:.6rem;transition:all .3s;display:flex}.nav-item.active{color:var(--atm-accent);background:#8b5cf61a}