.threejs-sandbox[data-v-877106d1]{position:relative;width:100%;height:100%;flex:1;box-sizing:border-box;overflow:hidden;z-index:1;display:flex;flex-direction:column}.threejs-sandbox canvas[data-v-877106d1]{width:100%!important;height:100%!important;outline:none;display:block}.ui-overlay[data-v-877106d1]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.top-left-controls[data-v-877106d1]{position:absolute;top:30px;left:30px;display:flex;gap:15px;pointer-events:auto;z-index:11}.ui-button[data-v-877106d1]{background-color:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:50%;width:45px;height:45px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #0003;font-size:1.1rem}.ui-button[data-v-877106d1]:hover{background-color:#000c;transform:scale(1.1);border-color:#fff6}.ui-button.active[data-v-877106d1]{background-color:#0f8;color:#000;border-color:#0f8;box-shadow:0 0 15px #0f86}.settings-panel[data-v-877106d1]{position:absolute;top:30px;right:30px;width:320px;max-height:calc(100% - 60px);display:flex;flex-direction:column;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;pointer-events:auto;z-index:100}.settings-header[data-v-877106d1]{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff05;border-radius:16px 16px 0 0}.header-title[data-v-877106d1]{display:flex;align-items:center;gap:10px}.header-title h4[data-v-877106d1]{margin:0;color:#fff;font-size:.95rem}.close-icon-btn[data-v-877106d1]{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1rem}.close-icon-btn[data-v-877106d1]:hover{color:#fff}.settings-content[data-v-877106d1]{flex:1 1 auto;overflow-y:auto;padding:20px}.section-divider[data-v-877106d1]{margin:10px 0 15px;font-size:.75rem;text-transform:uppercase;color:#ffffff80;border-bottom:1px solid rgba(255,255,255,.1)}.setting-item[data-v-877106d1]{margin-bottom:15px}.setting-item label[data-v-877106d1]{display:block;font-size:.8rem;color:#fffc;margin-bottom:5px}.color-row[data-v-877106d1]{display:flex;justify-content:space-between;align-items:center}.slider-container[data-v-877106d1]{display:flex;align-items:center;gap:10px}input[type=range][data-v-877106d1]{flex:1}.slider-value[data-v-877106d1]{color:#0f8;font-family:monospace;min-width:40px;text-align:right}.color-input[data-v-877106d1]{-webkit-appearance:none;border:1px solid rgba(255,255,255,.2);width:60px;height:30px;border-radius:4px;background:none;padding:0}@media (max-width: 768px){.settings-panel[data-v-877106d1]{width:auto;left:20px;right:20px}.top-left-controls[data-v-877106d1]{top:20px;left:20px}}canvas[data-v-877106d1]{width:100%!important;height:100%!important;display:block}.reset-button[data-v-877106d1]{width:100%;padding:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;font-size:.85rem}.reset-button[data-v-877106d1]:hover{background:#ffffff26;border-color:#ffffff4d}