.canvas-container[data-v-2de4877b]{width:100vw;height:100vh;position:fixed;top:0;left:0;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f)}.music-player[data-v-1d94ffb3]{position:fixed;top:30%;right:0;background:linear-gradient(135deg,#0a0c12eb,#141923e0);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:8px 0 0 8px;border:1px solid rgba(100,130,170,.25);border-right:none;box-shadow:-4px 0 16px #0006,0 0 0 1px #ffffff0d inset;z-index:998;transition:all .3s cubic-bezier(.25,.8,.25,1);transform:translateY(-100%)}.music-player.collapsed[data-v-1d94ffb3]{background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.expand-btn[data-v-1d94ffb3]{width:32px;height:40px;background:linear-gradient(135deg,#141c2ae6,#0f141ef2);border:1px solid rgba(100,130,170,.25);border-right:none;border-radius:8px 0 0 8px;color:#96b4dccc;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:-2px 0 12px #0000004d}.expand-btn[data-v-1d94ffb3]:hover{background:linear-gradient(135deg,#1e2a3cf2,#192332fa);color:#b4d2fa;width:36px}.player-content[data-v-1d94ffb3]{padding:8px 12px;min-width:230px}.header[data-v-1d94ffb3]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.song-title[data-v-1d94ffb3]{color:#c8d7eb;font-size:11px;font-weight:600;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.collapse-btn[data-v-1d94ffb3]{width:20px;height:20px;background:#28375099;border:1px solid rgba(100,130,170,.3);border-radius:4px;color:#c8d7e6e6;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.collapse-btn[data-v-1d94ffb3]:hover{background:#3c506ecc;color:#fff}.controls[data-v-1d94ffb3]{display:flex;align-items:center;justify-content:center;gap:6px}.control-btn[data-v-1d94ffb3]{width:28px;height:28px;background:#1e2a3cb3;border:1px solid rgba(100,130,170,.3);border-radius:4px;color:#96b4dce6;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;outline:none}.control-btn[data-v-1d94ffb3]:hover{background:#324664d9;border-color:#7896be80;color:#b4d2fa;transform:scale(1.05)}.control-btn[data-v-1d94ffb3]:active{transform:scale(.95)}.play-btn[data-v-1d94ffb3]{width:32px;height:32px;background:linear-gradient(135deg,#3c5a8ccc,#506ea0b3);border-color:#7896be66;font-size:14px}.play-btn[data-v-1d94ffb3]:hover{background:linear-gradient(135deg,#506ea0e6,#6482b4cc);box-shadow:0 4px 12px #5078b44d}.volume-control[data-v-1d94ffb3]{display:flex;align-items:center;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(70,90,120,.2)}.volume-icon[data-v-1d94ffb3]{width:24px;height:24px;background:#1e2a3c99;border:1px solid rgba(100,130,170,.25);border-radius:4px;color:#96b4dce6;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.volume-icon[data-v-1d94ffb3]:hover{background:#324664cc;color:#b4d2fa}.volume-slider[data-v-1d94ffb3]{flex:1;height:4px;background:#1e2a3c99;border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid rgba(70,90,120,.3)}.volume-slider[data-v-1d94ffb3]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:#78a0d2e6;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #5078b466}.volume-slider[data-v-1d94ffb3]::-webkit-slider-thumb:hover{background:#96bef0;transform:scale(1.2);box-shadow:0 3px 10px #648cc880}.volume-slider[data-v-1d94ffb3]::-moz-range-thumb{width:10px;height:10px;background:#78a0d2e6;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #5078b466}.volume-slider[data-v-1d94ffb3]::-moz-range-thumb:hover{background:#96bef0;transform:scale(1.2);box-shadow:0 3px 10px #648cc880}.volume-text[data-v-1d94ffb3]{color:#96aac3cc;font-size:10px;font-weight:500;font-family:Fira Code,monospace;min-width:32px;text-align:right;flex-shrink:0}@media (max-width: 768px){.music-player[data-v-1d94ffb3]{top:20%}.player-content[data-v-1d94ffb3]{padding:6px 10px;min-width:210px}.song-title[data-v-1d94ffb3]{font-size:10px}.control-btn[data-v-1d94ffb3]{width:26px;height:26px;font-size:11px}.play-btn[data-v-1d94ffb3]{width:30px;height:30px;font-size:13px}.volume-icon[data-v-1d94ffb3]{width:22px;height:22px;font-size:12px}.volume-text[data-v-1d94ffb3]{font-size:9px;min-width:28px}}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.lil-gui{--background-color: rgba(10, 12, 18, .85) !important;--widget-color: rgba(25, 30, 45, .7) !important;--hover-color: rgba(35, 42, 60, .8) !important;--focus-color: rgba(50, 60, 85, .9) !important;--number-color: #8ba5b5 !important;--string-color: #7a9aa8 !important;--font-size: 11px !important;--input-font-size: 11px !important;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;--font-family-mono: "Fira Code", "Courier New", monospace !important;--padding: 5px !important;--spacing: 4px !important;--widget-height: 22px !important;--title-height: 28px !important;--name-width: 48% !important;--slider-knob-width: 2px !important;--slider-input-width: 28% !important;--color-input-width: 65% !important;--slider-input-min-width: 45px !important;--color-input-min-width: 60px !important;--folder-indent: 6px !important;--widget-padding: 0 0 0 3px !important;--widget-border-radius: 3px !important;--checkbox-size: calc(.75 * var(--widget-height)) !important;--scrollbar-width: 4px !important;position:fixed!important;top:35%!important;right:0!important;max-height:80vh!important;width:260px!important;z-index:1000!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:12px 0 0 12px!important;border:1px solid rgba(100,120,150,.2)!important;border-right:none!important;box-shadow:-4px 0 24px #0006,0 0 0 1px #ffffff08 inset!important;margin:0!important;transition:transform .35s cubic-bezier(.25,.8,.25,1),opacity .3s ease!important}.lil-gui.collapsed{transform:translateY(-50%) translate(100%)!important;opacity:0!important;pointer-events:none!important}.lil-gui.expanded{transform:translateY(-50%) translate(0)!important;opacity:1!important;pointer-events:auto!important}.lil-gui .title{background:linear-gradient(135deg,#3c506e66,#28375066)!important;color:#c8d7e6e6!important;font-weight:500!important;letter-spacing:.3px!important;text-transform:none!important;font-size:11px!important;padding:6px 10px!important;border-radius:10px 0 0!important;border-bottom:1px solid rgba(80,100,130,.2)!important}.lil-gui .folder>.title{background:#141c2a80!important;color:#b4c3d7e6!important;font-weight:500!important;border-radius:4px!important;margin:3px 0!important;transition:all .2s ease!important;border-left:2px solid rgba(100,130,170,.2)!important}.lil-gui .folder>.title:hover{background:#232d41b3!important;border-left-color:#7896be80!important;padding-left:8px!important}.lil-gui .folder.closed>.title{border-radius:4px!important}.lil-gui .controller{margin:2px 0!important;padding:3px 6px!important;border-radius:4px!important;transition:all .2s ease!important}.lil-gui .controller:hover{background:#232d4159!important}.lil-gui .controller.color{padding:3px 6px!important}.lil-gui .controller .name{color:#a0afc3d9!important;font-weight:400!important;font-size:10.5px!important;letter-spacing:.2px!important}.lil-gui input,.lil-gui select{background:#0f162399!important;color:#c8d2e1e6!important;border:1px solid rgba(70,90,120,.25)!important;border-radius:3px!important;padding:3px 5px!important;font-size:10px!important;transition:all .2s ease!important}.lil-gui input:hover{border-color:#5a739666!important;background:#192332b3!important}.lil-gui input:focus{border-color:#6e8cb499!important;background:#1e2a3ccc!important;outline:none!important;box-shadow:0 0 0 2px #506e9626!important}.lil-gui .controller.number input{color:#96b4d2e6!important;font-weight:500!important}.lil-gui .slider{background:#0f162380!important;border-radius:3px!important;border:1px solid rgba(60,80,110,.2)!important}.lil-gui .slider .fill{background:linear-gradient(90deg,#5a82b4b3,#78a0c899)!important;border-radius:2px!important;opacity:.7!important}.lil-gui .slider:hover .fill{opacity:.9!important}.lil-gui .controller.color input[type=text]{color:#a8edea!important;font-family:Fira Code,monospace!important;font-weight:500!important}.lil-gui .color-picker{border-radius:8px!important;overflow:hidden!important;box-shadow:0 8px 24px #0006!important;border:1px solid rgba(255,255,255,.1)!important}.lil-gui::-webkit-scrollbar{width:4px!important}.lil-gui::-webkit-scrollbar-track{background:#0a0f1966!important;border-radius:2px!important}.lil-gui::-webkit-scrollbar-thumb{background:#50648266!important;border-radius:2px!important;transition:all .2s ease!important}.lil-gui::-webkit-scrollbar-thumb:hover{background:#647da080!important}.lil-gui .folder>.title:before{border-color:#7896be80!important;opacity:.6!important;transition:opacity .2s ease!important}.lil-gui .folder>.title:hover:before{opacity:.9!important}.lil-gui .children{padding:3px 0!important;border-left:1px solid rgba(70,90,120,.15)!important;margin-left:6px!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lil-gui .folder:not(.closed)>.children{animation:slideDown .2s ease!important}.gui-page-title{padding:10px 12px!important;background:linear-gradient(135deg,#28375080,#1e2a4199)!important;border-bottom:1px solid rgba(100,130,170,.25)!important;color:#c8d7eb!important;font-size:13px!important;font-weight:600!important;text-align:center!important;letter-spacing:.5px!important;margin:0!important}.gui-pagination{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 10px!important;background:linear-gradient(135deg,#141c2a99,#0f141eb3)!important;border-top:1px solid rgba(100,130,170,.2)!important;border-radius:0 0 0 12px!important;margin-top:8px!important;gap:8px!important}.gui-page-btn{width:32px!important;height:28px!important;background:#1e2a3cb3!important;border:1px solid rgba(100,130,170,.3)!important;border-radius:4px!important;color:#96b4dce6!important;font-size:12px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;outline:none!important}.gui-page-btn:hover:not(:disabled){background:#283750d9!important;border-color:#7896be80!important;color:#b4d2fa!important;transform:scale(1.05)!important}.gui-page-btn:active:not(:disabled){transform:scale(.95)!important}.gui-page-btn:disabled{opacity:.3!important;cursor:not-allowed!important}.gui-page-indicator{flex:1!important;text-align:center!important;color:#b4c3d7e6!important;font-size:11px!important;font-weight:500!important;letter-spacing:.5px!important}.lil-gui.paginated-gui .folder.closed>.title{display:none!important}.lil-gui.paginated-gui .folder:not(.closed)>.title{display:block!important;margin-bottom:6px!important}.lil-gui.paginated-gui .folder>.title{display:none!important}.lil-gui.paginated-gui .folder>.children{border-left:none!important;margin-left:0!important;padding:6px 0!important}.lil-gui.paginated-gui>.title:before{display:none!important}.lil-gui.paginated-gui>.title{cursor:default!important;pointer-events:none!important}.gui-toggle-btn:active{transform:translateY(-50%) translateY(-180px) scale(.95)!important}.gui-close-btn{position:absolute!important;right:8px!important;top:35%!important;transform:translateY(-50%)!important;width:24px!important;height:24px!important;background:#3c506e80!important;border:1px solid rgba(100,130,170,.3)!important;border-radius:4px!important;color:#c8d7e6e6!important;font-size:18px!important;line-height:1!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;outline:none!important;padding:0!important}.gui-close-btn:hover{background:#506482b3!important;color:#fff!important}.gui-expand-btn{position:fixed!important;top:35%!important;right:0!important;transform:translateY(-50%) translateY(-180px)!important;width:28px!important;height:32px!important;background:linear-gradient(135deg,#141c2ae6,#0f141ef2)!important;border:1px solid rgba(100,130,170,.25)!important;border-right:none!important;border-radius:8px 0 0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:1001!important;color:#96b4dccc!important;font-size:14px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:-2px 0 12px #0000004d!important;transition:all .25s ease!important;pointer-events:auto!important}.gui-expand-btn:hover{background:linear-gradient(135deg,#1e2a3cf2,#192332fa)!important;color:#b4d2fa!important;width:32px!important}.lil-gui.paginated-gui>.title{position:relative!important;padding-right:40px!important}.gui-expand-btn{position:fixed!important;top:35%!important;right:0!important;transform:translateY(-50%)!important;width:32px!important;height:40px!important;background:linear-gradient(135deg,#141c2ae6,#0f141ef2)!important;border:1px solid rgba(100,130,170,.25)!important;border-right:none!important;border-radius:8px 0 0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:1001!important;color:#96b4dccc!important;font-size:16px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:-2px 0 12px #0000004d!important;transition:all .25s ease!important;pointer-events:auto!important}.gui-expand-btn:hover{background:linear-gradient(135deg,#1e2a3cf2,#192332fa)!important;color:#b4d2fa!important;width:36px!important}.lil-gui:not(.collapsed)~.gui-expand-btn{display:none!important}.lil-gui.collapsed~.gui-expand-btn{display:flex!important}.gui-close-btn{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;width:24px!important;height:24px!important;background:#3c506e80!important;border:1px solid rgba(100,130,170,.3)!important;border-radius:4px!important;color:#c8d7e6e6!important;font-size:18px!important;line-height:1!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;outline:none!important;padding:0!important;z-index:10!important;pointer-events:auto!important}.gui-close-btn:hover{background:#506482b3!important;color:#fff!important;transform:translateY(-50%) scale(1.1)!important}.gui-close-btn:active{transform:translateY(-50%) scale(.95)!important}