#demoGridArea,#demoGridArea *{box-sizing:border-box}#demoGridArea{width:100%;height:100%;background:#0a0a0f;color:#e2e2f0;font-family:Inter,Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#demoGridArea ::-webkit-scrollbar{width:5px;height:5px}#demoGridArea ::-webkit-scrollbar-track{background:transparent}#demoGridArea ::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:4px}#demoGridArea input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:#ffffff26;border-radius:2px;outline:none;cursor:pointer}#demoGridArea input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:#a78bfa;cursor:pointer;transition:transform .1s,background .1s;box-shadow:0 0 6px #a78bfa80}#demoGridArea input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3);background:#c4b5fd}#demoGridArea input[type=range].seek-bar{height:3px;background:#ffffff1f}#demoGridArea input[type=range].seek-bar::-webkit-slider-thumb{width:12px;height:12px;background:#c4b5fd}#demoGridArea input[type=range].vol-bar::-webkit-slider-thumb{width:9px;height:9px}#demoGridArea button{font-family:inherit}#demoGridArea button:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}#demoGridArea [id^=tile-]{transition:opacity .2s}body.is-dragging,body.is-dragging *{cursor:grabbing!important}