.control-button[data-v-e3c3e0e0]{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s cubic-bezier(0,0,.2,1);color:#fff;font-size:20px}.control-button[data-v-e3c3e0e0]:hover{background:#fff3;transform:scale(1.1)}.control-button[data-v-e3c3e0e0]:active{transform:scale(.95)}.control-button.active[data-v-e3c3e0e0]{background:#ffffff40;border-color:#fff6}.icon[data-v-e3c3e0e0]{color:#fff;display:flex;align-items:center;justify-content:center}.tooltip[data-v-e3c3e0e0]{position:absolute;top:50%;transform:translateY(-50%);padding:6px 12px;border-radius:8px;background:#0a0a0af2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:14px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100}.tooltip-right[data-v-e3c3e0e0]{left:100%;margin-left:12px}.tooltip-left[data-v-e3c3e0e0]{right:100%;margin-right:12px}.control-button:hover .tooltip[data-v-e3c3e0e0]{opacity:1}.corner-lines[data-v-716e9ef7]{position:absolute;pointer-events:none;z-index:5}.position-top-left[data-v-716e9ef7]{top:1rem;left:1rem}.position-top-right[data-v-716e9ef7]{top:1rem;right:1rem}.position-bottom-left[data-v-716e9ef7]{bottom:1rem;left:1rem}.position-bottom-right[data-v-716e9ef7]{bottom:1rem;right:1rem}.lines-container[data-v-716e9ef7]{position:relative;width:0;height:0}.line[data-v-716e9ef7]{position:absolute;background:#fff3;transition:all .5s}.line.active[data-v-716e9ef7]{background:#fff6}.line.horizontal[data-v-716e9ef7]{height:1px;width:64px}.line.vertical[data-v-716e9ef7]{width:1px;height:64px}.line.horizontal.active[data-v-716e9ef7]{width:96px}.line.vertical.active[data-v-716e9ef7]{height:96px}.position-top-left .line.horizontal[data-v-716e9ef7],.position-top-left .line.vertical[data-v-716e9ef7]{top:0;left:0}.position-top-right .line.horizontal[data-v-716e9ef7],.position-top-right .line.vertical[data-v-716e9ef7]{top:0;right:0}.position-bottom-left .line.horizontal[data-v-716e9ef7],.position-bottom-left .line.vertical[data-v-716e9ef7]{bottom:0;left:0}.position-bottom-right .line.horizontal[data-v-716e9ef7],.position-bottom-right .line.vertical[data-v-716e9ef7]{bottom:0;right:0}.config-panel-container[data-v-b1d42a93]{position:fixed;bottom:5rem;right:1.5rem;z-index:20;pointer-events:none;max-height:calc(100vh - 8rem);max-width:calc(100vw - 3rem)}.config-panel[data-v-b1d42a93]{width:320px;max-width:100%;pointer-events:auto;animation:slideInFromBottom-b1d42a93 .3s ease-out;will-change:transform,opacity;contain:layout style paint}@keyframes slideInFromBottom-b1d42a93{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.panel-content[data-v-b1d42a93]{background:#0a0a0af2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column}.panel-header[data-v-b1d42a93]{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header h2[data-v-b1d42a93]{color:#fff;font-size:1rem;font-weight:500;margin:0}.close-button[data-v-b1d42a93]{background:none;border:none;color:#fff9;cursor:pointer;font-size:20px;padding:8px;margin:-8px -8px 0 0;transition:color .2s}.close-button[data-v-b1d42a93]:hover{color:#fff}.panel-body[data-v-b1d42a93]{padding:1.5rem;overflow-y:auto;max-height:calc(100vh - 12rem);-webkit-overflow-scrolling:touch;overflow-scrolling:touch;transform:translateZ(0);will-change:scroll-position}.section[data-v-b1d42a93]{margin-bottom:1.5rem}.section[data-v-b1d42a93]:last-child{margin-bottom:0}.section-header[data-v-b1d42a93]{display:flex;align-items:center;gap:8px;font-size:.75rem;text-transform:uppercase;color:#ffffff80;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;margin-bottom:12px}.shapes-grid[data-v-b1d42a93]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shape-btn[data-v-b1d42a93]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 5px;color:#ffffffb3;cursor:pointer;font-size:.75rem;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.shape-btn i[data-v-b1d42a93]{font-size:1.2rem}.shape-btn[data-v-b1d42a93]:hover{background:#ffffff1a;color:#fff}.shape-btn.active[data-v-b1d42a93]{background:#00ff8826;border-color:#0f8;color:#0f8}.setting-row[data-v-b1d42a93]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.setting-row label[data-v-b1d42a93]{font-size:.875rem;color:#fffc}.color-input[data-v-b1d42a93]{width:60px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:none;cursor:pointer}.checkbox-input[data-v-b1d42a93]{width:20px;height:20px;accent-color:#00ff88;cursor:pointer}.setting-item[data-v-b1d42a93]{margin-bottom:12px}.setting-item label[data-v-b1d42a93]{display:block;font-size:.875rem;color:#fffc;margin-bottom:8px}.slider-container[data-v-b1d42a93]{display:flex;align-items:center;gap:10px}.slider-container input[type=range][data-v-b1d42a93]{flex:1;height:4px;background:#fff3;border-radius:2px;outline:none;appearance:none;cursor:pointer}.slider-container input[type=range][data-v-b1d42a93]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer}.slider-container input[type=range][data-v-b1d42a93]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:none}.slider-value[data-v-b1d42a93]{color:#0f8;font-family:monospace;min-width:48px;text-align:right;font-size:.875rem}.sub-settings[data-v-b1d42a93]{margin-top:12px;padding-left:12px;border-left:2px solid rgba(255,255,255,.1)}.threejs-sandbox[data-v-e906ada9]{position:relative;width:100%;height:100%;flex:1;box-sizing:border-box;overflow:hidden;z-index:1;background:#0a0a0a}.webgl[data-v-e906ada9]{display:block;width:100%;height:100%;outline:none}.ui-overlay[data-v-e906ada9]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.connecting-lines[data-v-e906ada9]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.control-button-wrapper[data-v-e906ada9]{position:absolute;z-index:10;pointer-events:auto}.control-button-wrapper.top-left[data-v-e906ada9]{top:1.5rem;left:1.5rem}.control-button-wrapper.top-right[data-v-e906ada9]{top:1.5rem;right:1.5rem}.control-button-wrapper.bottom-left[data-v-e906ada9]{bottom:1.5rem;left:1.5rem}.control-button-wrapper.bottom-right[data-v-e906ada9]{bottom:1.5rem;right:1.5rem}