body[data-scene=vfx-lab]{background:#11161c}.vfx-lab-ui{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);pointer-events:none;position:fixed}.vfx-lab-controls,.vfx-layer-inspector{z-index:4;bottom:var(--ui-edge);width:min(20rem,37vw);min-width:0;max-height:calc(100% - var(--ui-edge) * 2);color:#e7f2f5;font-size:var(--ui-font-xs);pointer-events:auto;background:#090d11d6;border:1px solid #9dcbe875;border-radius:5px;padding:clamp(.35rem,1.4vmin,.65rem);position:absolute;overflow:auto}.vfx-lab-controls{left:var(--ui-edge);gap:var(--ui-gap);display:grid}.vfx-layer-inspector{right:var(--ui-edge)}.vfx-lab-controls label,.vfx-layer-inspector label{color:#d7e6ec;gap:.2rem;min-width:0;display:grid}.vfx-lab-controls label>span,.vfx-layer-inspector label>span{justify-content:space-between;gap:.3rem;display:flex}.vfx-lab-controls select,.vfx-lab-actions button,.vfx-layer-select{color:#f2f6f8;min-height:1.75rem;font:inherit;background:#19242c;border:1px solid #a9dcf285;border-radius:3px}.vfx-layer-fieldset{border:1px solid #a9dcf247;border-radius:3px;min-width:0;margin:0;padding:.3rem}.vfx-layer-fieldset legend{color:#9fd4ec;font-size:var(--ui-font-xs);letter-spacing:.06em;text-transform:uppercase;padding:0 .25rem;font-weight:700}.vfx-layer-list{overscroll-behavior:contain;scrollbar-color:#4f8298 #111920;gap:.2rem;height:min(33dvh,10rem);min-height:3.5rem;display:grid;overflow-y:auto}.vfx-layer-row{border:1px solid #0000;border-radius:3px;grid-template-columns:auto minmax(0,1fr);align-items:center;min-width:0;min-height:2rem;padding:.1rem;display:grid}.vfx-layer-row[data-selected=true]{background:#f2bf491f;border-color:#f2bf49}.vfx-layer-row input{accent-color:#f2bf49;width:1rem;height:1rem;margin:0 .3rem 0 0}.vfx-layer-select{text-align:left;background:0 0;border-color:#0000;align-items:center;gap:.4rem;min-width:0;padding:.2rem .35rem;display:flex}.vfx-layer-select[aria-pressed=true]{color:#fff5d4;font-weight:800}.vfx-layer-swatch{border-radius:50%;flex:none;width:.65rem;height:.65rem;box-shadow:0 0 .35rem}.vfx-layer-swatch-cone{color:#f7f2e8;background:currentColor}.vfx-layer-swatch-particles{color:#55d7ff;background:currentColor}.vfx-layer-swatch-glow{color:#f2bf49;background:currentColor}.vfx-lab-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;display:grid}.vfx-lab-actions button{min-width:0;padding:.2rem;font-weight:700}.vfx-layer-inspector section{gap:var(--ui-gap);display:grid}.vfx-layer-inspector section[hidden],.vfx-inspector-empty[hidden]{display:none}.vfx-layer-inspector h2{color:#fff5d4;font-size:var(--ui-font-md);margin:-.35rem 0 0}.vfx-inspector-kicker{color:#9fd4ec;font-size:var(--ui-font-xs);letter-spacing:.12em;text-transform:uppercase;margin:0}.vfx-layer-inspector output{color:#f2bf49;font-variant-numeric:tabular-nums}.vfx-layer-inspector input[type=range]{accent-color:#f2bf49;width:100%}.vfx-inspector-empty{color:#b8c7cd}@media (height<=240px){.vfx-lab-controls,.vfx-layer-inspector{gap:.2rem;padding:.25rem}.vfx-lab-controls{top:clamp(2rem,8vmin,3rem);bottom:auto}.vfx-layer-list{height:2.75rem;min-height:2.7rem}.vfx-layer-row,.vfx-lab-controls select,.vfx-lab-actions button,.vfx-layer-select{min-height:1.35rem}.vfx-lab-actions,.vfx-layer-inspector section{gap:.15rem}}