.explosion-preview{color:#edf3f7;background:#111820;min-height:100dvh;padding:20px;font-family:system-ui,sans-serif}.explosion-preview header{align-items:center;gap:28px;margin-bottom:16px;display:flex}.explosion-preview a{color:#ffce72}.explosion-preview h1{margin:0;font-size:22px}.explosion-workspace{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.explosion-stage{border:1px solid #394652;border-radius:8px;height:calc(100dvh - 90px);min-height:320px;position:sticky;top:20px;overflow:hidden}.explosion-panel{min-width:0;max-height:calc(100dvh - 90px);padding-right:4px;overflow:auto}.explosion-panel>.explosion-tools{padding-top:0}.explosion-stage canvas{touch-action:none;display:block}.explosion-tools{flex-wrap:wrap;align-items:center;gap:12px;padding-top:16px;display:flex}.explosion-tools button,.explosion-tools select{color:#fff;cursor:pointer;background:#293746;border:1px solid #697988;border-radius:5px;padding:10px 14px;font-size:16px}.explosion-tools button:first-child{color:#171b21;background:#ffbf59;border-color:#ffbf59;font-weight:650}.explosion-tools span{color:#b6c2ce;font-size:14px}.explosion-tools label{align-items:center;gap:8px;display:flex}.explosion-tuning{background:#1b2632;border:1px solid #394652;border-radius:8px;margin-top:20px;padding:18px}.explosion-tuning p{color:#b6c2ce;margin:0 0 16px}.explosion-sliders{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px 28px;display:grid}.explosion-sliders label span{justify-content:space-between;gap:12px;display:flex}.explosion-sliders output{color:#ffce72;font-variant-numeric:tabular-nums}.explosion-sliders input{accent-color:#ffbf59;width:100%}.explosion-tuning pre{-webkit-user-select:text;user-select:text;color:#c7d4df;font-size:14px}@media (max-width:760px){.explosion-workspace{grid-template-columns:1fr}.explosion-stage{height:55dvh;position:relative;top:0}.explosion-panel{max-height:none;overflow:visible}}