.threejs-sandbox[data-v-40980bb7]{position:relative;width:100%;height:100%;flex:1;box-sizing:border-box;overflow:hidden;z-index:1}.webgl[data-v-40980bb7]{display:block;width:100%;height:100%;outline:none}.video-container[data-v-40980bb7]{position:fixed;top:30px;right:30px;width:320px;height:240px;border-radius:12px;border:2px solid #00ff88;display:none;z-index:150;box-shadow:0 8px 32px #0006;cursor:move;user-select:none;background:#000;overflow:hidden}.video-container.show[data-v-40980bb7]{display:block}.video-container[data-v-40980bb7]:active{cursor:grabbing}.video-feed[data-v-40980bb7]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-canvas[data-v-40980bb7]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ui-overlay[data-v-40980bb7]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.top-left-controls[data-v-40980bb7]{position:absolute;top:30px;left:30px;display:flex;gap:15px;pointer-events:auto;z-index:11}.ui-button[data-v-40980bb7]{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-40980bb7]:hover{background-color:#000c;transform:scale(1.1);border-color:#fff6}.ui-button.active[data-v-40980bb7]{background-color:#0f8;color:#000;border-color:#0f8;box-shadow:0 0 15px #0f86}.settings-panel[data-v-40980bb7]{position:absolute;top:30px;right:30px;width:340px;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;box-shadow:0 8px 32px #0006}.settings-header[data-v-40980bb7]{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-40980bb7]{display:flex;align-items:center;gap:10px}.header-title h4[data-v-40980bb7]{margin:0;color:#fff;font-size:1rem;font-weight:600}.close-icon-btn[data-v-40980bb7]{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1.2rem;padding:5px;transition:color .2s}.close-icon-btn[data-v-40980bb7]:hover{color:#fff}.settings-content[data-v-40980bb7]{flex:1 1 auto;overflow-y:auto;padding:20px}.settings-content[data-v-40980bb7]::-webkit-scrollbar{width:6px}.settings-content[data-v-40980bb7]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.settings-content[data-v-40980bb7]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.settings-content[data-v-40980bb7]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.section-divider[data-v-40980bb7]{margin:20px 0 15px;padding-bottom:8px;font-size:.75rem;text-transform:uppercase;color:#0f8;border-bottom:1px solid rgba(0,255,136,.2);display:flex;align-items:center;gap:8px;font-weight:600}.section-divider[data-v-40980bb7]:first-child{margin-top:0}.setting-item[data-v-40980bb7]{margin-bottom:15px}.setting-item label[data-v-40980bb7]{display:block;font-size:.85rem;color:#fffc;margin-bottom:8px;font-weight:500}.slider-container[data-v-40980bb7]{display:flex;align-items:center;gap:10px}input[type=range][data-v-40980bb7]{flex:1}.slider-value[data-v-40980bb7]{color:#0f8;font-family:monospace;min-width:40px;text-align:right;font-size:.9rem}.toggle-button[data-v-40980bb7]{width:100%;padding:12px 16px;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.toggle-button[data-v-40980bb7]:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.toggle-button.active[data-v-40980bb7]{background:#0f8;color:#000;border-color:#0f8;box-shadow:0 4px 12px #00ff884d}.toggle-button.secondary[data-v-40980bb7]{background:#ffffff08}.toggle-button.secondary[data-v-40980bb7]:hover{background:#ffffff14}@media (max-width: 768px){.settings-panel[data-v-40980bb7]{width:auto;left:20px;right:20px;max-height:calc(100% - 40px)}.top-left-controls[data-v-40980bb7]{top:20px;left:20px;gap:10px}.ui-button[data-v-40980bb7]{width:40px;height:40px;font-size:1rem}.video-container[data-v-40980bb7]{top:20px;right:20px;width:240px;height:180px}.video-container.show[data-v-40980bb7]{width:200px;height:150px}}@media (max-width: 480px){.settings-panel[data-v-40980bb7]{width:calc(100% - 40px);left:20px;right:20px}.video-container.show[data-v-40980bb7]{width:160px;height:120px;top:80px;right:20px}}.video-feed[data-v-40980bb7],.video-canvas[data-v-40980bb7]{transform:scaleX(-1)}.effect-selector[data-v-40980bb7]{width:100%;padding:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;outline:none;cursor:pointer}.effect-selector option[data-v-40980bb7]{background:#222;color:#fff}