.threejs-sandbox[data-v-f2e52f21]{position:relative;width:100%;height:100%;flex:1;box-sizing:border-box;overflow:hidden;z-index:1}.webgl[data-v-f2e52f21]{display:block;width:100%;height:100%;outline:none;cursor:none}.fps-counter[data-v-f2e52f21]{position:absolute;bottom:20px;left:20px;background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:2px;padding:6px 14px;color:#ffffffb3;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:11px;font-weight:500;letter-spacing:.5px;pointer-events:none;z-index:10}.ui-overlay[data-v-f2e52f21]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.top-left-controls[data-v-f2e52f21]{position:absolute;top:20px;left:20px;display:flex;gap:8px;pointer-events:auto;z-index:11}.ui-button[data-v-f2e52f21]{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:2px;width:36px;height:36px;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:14px}.ui-button[data-v-f2e52f21]:hover{background:#ffffff0f;border-color:#fff3;color:#fffffff2;transform:translateY(-1px)}.ui-button.active[data-v-f2e52f21]{background:#ffffff1a;border-color:#ffffff40;color:#fff}.settings-panel[data-v-f2e52f21]{position:absolute;top:20px;right:20px;width:280px;max-height:calc(100% - 40px);display:flex;flex-direction:column;background:#00000080;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);border-radius:2px;pointer-events:auto;z-index:100}.settings-header[data-v-f2e52f21]{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.header-title[data-v-f2e52f21]{display:flex;align-items:center;gap:10px}.header-title i[data-v-f2e52f21]{font-size:13px;color:#ffffff80}.header-title h4[data-v-f2e52f21]{margin:0;color:#ffffffe6;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.close-icon-btn[data-v-f2e52f21]{background:none;border:none;color:#fff6;cursor:pointer;font-size:14px;padding:4px;transition:color .2s}.close-icon-btn[data-v-f2e52f21]:hover{color:#ffffffe6}.settings-content[data-v-f2e52f21]{flex:1 1 auto;overflow-y:auto;padding:16px}.settings-content[data-v-f2e52f21]::-webkit-scrollbar{width:4px}.settings-content[data-v-f2e52f21]::-webkit-scrollbar-track{background:#ffffff05}.settings-content[data-v-f2e52f21]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.settings-content[data-v-f2e52f21]::-webkit-scrollbar-thumb:hover{background:#ffffff26}.section-divider[data-v-f2e52f21]{margin:16px 0 12px;font-size:10px;text-transform:uppercase;color:#fff6;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:6px;letter-spacing:1px;font-weight:500}.section-divider[data-v-f2e52f21]:first-child{margin-top:0}.section-divider i[data-v-f2e52f21]{margin-right:6px;font-size:9px}.setting-item[data-v-f2e52f21]{margin-bottom:14px}.setting-item label[data-v-f2e52f21]{display:block;font-size:11px;color:#fff9;margin-bottom:6px;font-weight:400;letter-spacing:.3px}.color-row[data-v-f2e52f21]{display:flex;justify-content:space-between;align-items:center}.slider-container[data-v-f2e52f21]{display:flex;align-items:center;gap:10px}input[type=range][data-v-f2e52f21]{flex:1;-webkit-appearance:none;appearance:none;height:2px;background:#ffffff1a;outline:none;border-radius:1px}input[type=range][data-v-f2e52f21]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#ffffffe6;cursor:pointer;border-radius:1px;transition:all .2s}input[type=range][data-v-f2e52f21]::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.1)}input[type=range][data-v-f2e52f21]::-moz-range-thumb{width:12px;height:12px;background:#ffffffe6;cursor:pointer;border:none;border-radius:1px;transition:all .2s}input[type=range][data-v-f2e52f21]::-moz-range-thumb:hover{background:#fff;transform:scale(1.1)}.slider-value[data-v-f2e52f21]{color:#fffc;font-family:SF Mono,monospace;min-width:45px;text-align:right;font-size:11px;font-weight:500}.color-input[data-v-f2e52f21]{-webkit-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.15);width:50px;height:26px;border-radius:2px;background:none;padding:0;cursor:pointer;transition:border-color .2s}.color-input[data-v-f2e52f21]:hover{border-color:#ffffff4d}.color-input[data-v-f2e52f21]::-webkit-color-swatch-wrapper{padding:0}.color-input[data-v-f2e52f21]::-webkit-color-swatch{border:none;border-radius:1px}.color-input[data-v-f2e52f21]::-moz-color-swatch{border:none;border-radius:1px}.shape-select[data-v-f2e52f21]{width:100%;padding:7px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:2px;color:#fffc;font-size:11px;cursor:pointer;outline:none;transition:all .2s;font-family:inherit}.shape-select[data-v-f2e52f21]:hover{background:#ffffff0d;border-color:#fff3}.shape-select[data-v-f2e52f21]:focus{border-color:#ffffff4d}.shape-select option[data-v-f2e52f21]{background:#000;color:#ffffffe6}@media (max-width: 768px){.settings-panel[data-v-f2e52f21]{width:auto;left:15px;right:15px}.top-left-controls[data-v-f2e52f21]{top:15px;left:15px}.fps-counter[data-v-f2e52f21]{bottom:15px;left:15px;font-size:10px;padding:5px 12px}.ui-button[data-v-f2e52f21]{width:32px;height:32px;font-size:13px}}