.CodeMirror{height:auto;max-height:320px;font-size:14px;z-index:0;background-color:#000;border:1px solid #000}.CodeMirror .CodeMirror-gutter-elt{background:transparent}.CodeMirror .CodeMirror-scroll{height:auto;max-height:320px}.CodeMirror .CodeMirror-gutters,.CodeMirror .CodeMirror-linenumber,.CodeMirror .CodeMirror-scroll{color:#ddd;font-family:Consolas,SourceCodePro-Medium,monaco,monospace}.CodeMirror .CodeMirror-linenumber{color:#2b91af}.CodeMirror .CodeMirror-selected{background-color:#264f78}.CodeMirror .cm-matchingtag,.CodeMirror .CodeMirror-matchingtag{background-color:#113d6f}.CodeMirror .cm-matchingbracket,.CodeMirror .CodeMirror-matchingbracket{background-color:#113d6f;box-shadow:0 0 3px #99b0c7;color:#ddd!important}.CodeMirror .CodeMirror-cursor{border-left:1px solid #ddd;z-index:3}.CodeMirror .CodeMirror-activeline-background{outline:2px solid #ddd}.CodeMirror .cm-m-lsystem,.CodeMirror .cm-variable,.CodeMirror .cm-variable-2,.CodeMirror .cm-variable-3{color:#ddd}.CodeMirror .cm-pragma{font-weight:700;color:#0afff8}.CodeMirror .cm-operator{color:#b4b4b4}.CodeMirror .cm-comment{color:#57a64a;font-style:italic}.CodeMirror .cm-string{color:#d69d85}.CodeMirror .cm-attribute{color:#9cdcfe}.CodeMirror .cm-number{color:#b5cea8}.CodeMirror .cm-def{color:#4ec9b0}.CodeMirror .cm-meta{color:#9b9b9b}.CodeMirror .cm-atom,.CodeMirror .cm-keyword,.CodeMirror .cm-tag{color:#569cd6}.CodeMirror .cm-bracket{color:grey}.CodeMirror .cm-m-clike.cm-builtin{color:#569cd6}.CodeMirror .CodeMirror-searching{color:#ddd!important}.CodeMirror .CodeMirror-searching.searching-first,.CodeMirror .CodeMirror-searching.searching-last{border-radius:1px;background-color:#653306;box-shadow:0 0 3px rgba(0,0,0,.8);padding:1px 0}.CodeMirror .CodeMirror-searching.searching-current-match{background-color:#515c6a}.CodeMirror-focused{border:1px dashed #fff;background:#13294f}#app{overflow:hidden;max-height:100%;position:absolute;z-index:1;color:#e8f4ff;background:#000}.sidebar-toggle,.theme-toggle{position:fixed;top:16px;z-index:1000;width:44px;height:44px;background:#0a1628;border:2px solid #3a7bd5;border-radius:4px;color:#6eb5ff;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,0,0,.4),0 0 20px rgba(58,123,213,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.sidebar-toggle:hover,.theme-toggle:hover{background:#0f2140;border-color:#6eb5ff;box-shadow:0 6px 16px rgba(0,0,0,.5),0 0 30px rgba(58,123,213,.4),inset 0 1px 0 hsla(0,0%,100%,.15);transform:translateY(-1px)}.sidebar-toggle .theme-icon,.sidebar-toggle .toggle-icon,.theme-toggle .theme-icon,.theme-toggle .toggle-icon{line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-toggle{left:16px}.sidebar-toggle.sidebar-open{left:516px}.theme-toggle{right:16px;top:auto;bottom:16px}.section{padding:16px}.sidebar{position:fixed;left:0;top:0;width:500px;height:100vh;overflow:hidden;background:#0a1628;border-right:2px solid #3a7bd5;box-shadow:4px 0 20px rgba(0,0,0,.5),0 0 40px rgba(58,123,213,.15);transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999;background-image:linear-gradient(rgba(62,120,213,.15) 1px,transparent 0),linear-gradient(90deg,rgba(62,120,213,.15) 1px,transparent 0);background-size:20px 20px;background-position:0 0,0 0}.sidebar.sidebar-open{transform:translateX(0)}.editor-container{height:100vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#050d18 0,#0a1628)}.editor-container a{color:#6eb5ff;text-decoration:none;transition:all .2s}.editor-container a:hover{color:#e8f4ff}.editor-container::-webkit-scrollbar{width:8px}.editor-container::-webkit-scrollbar-track{background:#050d18;border-left:1px solid #1e3a5f}.editor-container::-webkit-scrollbar-thumb{background:#3a7bd5;border-radius:4px}.editor-container::-webkit-scrollbar-thumb:hover{background:#6eb5ff}.error-container{color:#fff;background:#d32f2f;padding:8px 16px;border-left:3px solid #ff5252;margin:8px}.title{color:#e8f4ff;font-size:20px;font-weight:500;padding:8px 0;margin-bottom:12px;border-bottom:2px solid #1e3a5f;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,monospace}.title .github-link{display:inline-flex;align-items:center;margin-left:8px;color:#6eb5ff;border:none;opacity:.8;transition:all .2s;vertical-align:middle}.title .github-link svg{width:18px;height:18px}.title .github-link:hover{opacity:1;color:#e8f4ff;transform:scale(1.1)}.help{margin:12px -16px 16px -16px;padding:20px;background:#0d1b2e;color:#a8d4ff;border:1px solid #1e3a5f;border-left:none;border-right:none}.help a{border-bottom:1px dashed #1e3a5f;color:#e8f4ff;font-weight:500}.help ul{padding:0;list-style-type:none}.help ul ul{padding-left:20px;list-style-type:none;margin-top:8px}.help ul strong{color:#6eb5ff;font-weight:600;font-family:Courier New,monospace}.help ul code{color:#4ec9b0;background:rgba(0,0,0,.3);padding:2px 6px;border-radius:3px;font-size:13px}.help ul li{margin:8px 0;line-height:1.6}.help pre{background:rgba(0,0,0,.4);border:1px solid #1e3a5f;border-radius:4px;padding:12px;margin:12px 0}.help pre code{background:none;padding:0}.editor-wrapper{position:relative;margin:16px 0}.code-editor-container{width:100%}.syntax-help-button{position:absolute;top:8px;right:8px;z-index:10;font-size:14px;font-style:normal;color:#6eb5ff;text-transform:none;letter-spacing:0;padding:6px 12px;border:1px solid #1e3a5f;border-radius:3px;background:#050d18;transition:all .2s;text-decoration:none}.syntax-help-button:hover{background:#1e3a5f;border-color:#3a7bd5}.syntax-help-button.syntax-visible{background:#3a7bd5;color:#fff;border-color:#6eb5ff}.line-width-control{padding:16px;display:flex;align-items:center;gap:12px;background:rgba(30,58,95,.2);border:1px solid #1e3a5f;border-radius:4px;margin:16px 0}.line-width-control label{color:#a8d4ff;font-size:14px;font-weight:500;min-width:80px}.line-width-control input[type=range]{flex:1;height:6px;background:#1e3a5f;border-radius:3px;outline:none;-webkit-appearance:none}.line-width-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#6eb5ff;cursor:pointer;border:2px solid #0a1628;box-shadow:0 0 10px rgba(110,181,255,.5);-webkit-transition:all .2s;transition:all .2s}.line-width-control input[type=range]::-webkit-slider-thumb:hover{background:#e8f4ff;box-shadow:0 0 15px rgba(110,181,255,.8);transform:scale(1.1)}.line-width-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#6eb5ff;cursor:pointer;border:2px solid #0a1628;box-shadow:0 0 10px rgba(110,181,255,.5);-moz-transition:all .2s;transition:all .2s}.line-width-control input[type=range]::-moz-range-thumb:hover{background:#e8f4ff;box-shadow:0 0 15px rgba(110,181,255,.8);transform:scale(1.1)}.line-width-control .width-value{color:#6eb5ff;font-size:14px;font-weight:600;min-width:45px;text-align:right;font-family:Courier New,monospace}.view-controls{padding:16px;background:rgba(30,58,95,.2);border:1px solid #1e3a5f;border-radius:4px;margin:16px 0;display:flex;flex-direction:column;gap:16px}.grid-toggle{display:flex;align-items:center;gap:12px}.grid-toggle label{color:#a8d4ff;font-size:14px;font-weight:500;min-width:80px}.grid-toggle .grid-checkbox{display:none}.grid-toggle .toggle-switch{position:relative;width:48px;height:24px;background:#1e3a5f;border:2px solid #1e3a5f;border-radius:12px;cursor:pointer;transition:all .3s}.grid-toggle .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#a8d4ff;border-radius:50%;transition:all .3s;box-shadow:0 2px 4px rgba(0,0,0,.3)}.grid-toggle .toggle-switch.active{background:#3a7bd5;border-color:#6eb5ff}.grid-toggle .toggle-switch.active:after{left:26px;background:#6eb5ff;box-shadow:0 2px 8px rgba(110,181,255,.6)}.grid-toggle .toggle-switch:hover{border-color:#3a7bd5}.rotation-control{display:flex;align-items:center;gap:12px}.rotation-control label{color:#a8d4ff;font-size:14px;font-weight:500;min-width:80px}.rotation-control input[type=range]{flex:1;height:6px;background:#1e3a5f;border-radius:3px;outline:none;-webkit-appearance:none}.rotation-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#6eb5ff;cursor:pointer;border:2px solid #0a1628;box-shadow:0 0 10px rgba(110,181,255,.5);-webkit-transition:all .2s;transition:all .2s}.rotation-control input[type=range]::-webkit-slider-thumb:hover{background:#e8f4ff;box-shadow:0 0 15px rgba(110,181,255,.8);transform:scale(1.1)}.rotation-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#6eb5ff;cursor:pointer;border:2px solid #0a1628;box-shadow:0 0 10px rgba(110,181,255,.5);-moz-transition:all .2s;transition:all .2s}.rotation-control input[type=range]::-moz-range-thumb:hover{background:#e8f4ff;box-shadow:0 0 15px rgba(110,181,255,.8);transform:scale(1.1)}.rotation-control .rotation-value{color:#6eb5ff;font-size:14px;font-weight:600;min-width:45px;text-align:right;font-family:Courier New,monospace}.examples-section{border-top:2px solid #1e3a5f;margin-top:16px;padding-top:0}.examples-section .title{margin:12px 0}.examples-section .examples-list{display:grid;grid-template-columns:1fr;gap:6px;max-height:300px;overflow-y:auto;padding-right:4px}.examples-section .examples-list::-webkit-scrollbar{width:6px}.examples-section .examples-list::-webkit-scrollbar-track{background:#050d18;border-radius:3px}.examples-section .examples-list::-webkit-scrollbar-thumb{background:#3a7bd5;border-radius:3px}.examples-section .examples-list::-webkit-scrollbar-thumb:hover{background:#6eb5ff}.examples-section .examples-list .example-item{padding:10px 12px;background:rgba(30,58,95,.3);border:1px solid #1e3a5f;border-left:3px solid #1e3a5f;border-radius:3px;color:#a8d4ff;text-decoration:none;font-size:13px;transition:all .2s;cursor:pointer}.examples-section .examples-list .example-item:hover{background:rgba(30,58,95,.6);border-left-color:#3a7bd5;color:#e8f4ff;transform:translateX(4px)}.examples-section .examples-list .example-item.active{background:rgba(58,123,213,.2);border-left-color:#6eb5ff;color:#6eb5ff;font-weight:600;box-shadow:0 0 10px rgba(58,123,213,.3)}.controls{padding:16px;margin-top:8px;border-top:2px solid #1e3a5f;display:flex;flex-direction:column;gap:12px}.controls a.album-button,.controls a.randomize-button,.controls a.save-button,.controls a.stop-button{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;background:transparent;text-decoration:none;border:2px solid;border-radius:4px;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.controls a.album-button:hover,.controls a.randomize-button:hover,.controls a.save-button:hover,.controls a.stop-button:hover{transform:translateY(-2px);box-shadow:0 0 20px currentColor}.controls a.album-button:active,.controls a.randomize-button:active,.controls a.save-button:active,.controls a.stop-button:active{transform:translateY(0);box-shadow:0 0 10px currentColor}.controls a.album-button{color:#b884d4;border-color:#b884d4}.controls a.album-button:hover{color:#d4a5f0;border-color:#d4a5f0}.controls a.randomize-button{color:#6eb5ff;border-color:#6eb5ff}.controls a.randomize-button:hover{color:#e8f4ff;border-color:#e8f4ff}.controls a.stop-button{color:#ef5350;border-color:#ef5350}.controls a.stop-button:hover{color:#ff6b68;border-color:#ff6b68}.controls a.save-button{color:#26a69a;border-color:#26a69a}.controls a.save-button:hover{color:#4db6ac;border-color:#4db6ac}#app.light-theme .sidebar-toggle,#app.light-theme .theme-toggle{background:#f0f4f8;border-color:#2563eb;color:#1d4ed8;box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 20px rgba(37,99,235,.1),inset 0 1px 0 hsla(0,0%,100%,.5)}#app.light-theme .sidebar-toggle:hover,#app.light-theme .theme-toggle:hover{background:#e5ebf1;border-color:#1d4ed8;box-shadow:0 6px 16px rgba(0,0,0,.15),0 0 30px rgba(37,99,235,.2),inset 0 1px 0 hsla(0,0%,100%,.6)}#app.light-theme .sidebar{background:#f0f4f8;border-right-color:#2563eb;box-shadow:4px 0 20px rgba(0,0,0,.1),0 0 40px rgba(37,99,235,.08);background-image:linear-gradient(rgba(37,99,235,.08) 1px,transparent 0),linear-gradient(90deg,rgba(37,99,235,.08) 1px,transparent 0)}#app.light-theme .editor-container{background:linear-gradient(180deg,#e5ebf1 0,#f0f4f8)}#app.light-theme .editor-container a{color:#1d4ed8;border-bottom-color:#b8c9db}#app.light-theme .editor-container a:hover{color:#0f1419;border-bottom-color:#2563eb}#app.light-theme .editor-container::-webkit-scrollbar-track{background:#e5ebf1;border-left-color:#b8c9db}#app.light-theme .editor-container::-webkit-scrollbar-thumb{background:#2563eb}#app.light-theme .editor-container::-webkit-scrollbar-thumb:hover{background:#1d4ed8}#app.light-theme .title{color:#0f1419;border-bottom-color:#b8c9db}#app.light-theme .title a{color:#2563eb;border-color:#b8c9db;background:#e5ebf1}#app.light-theme .title a:hover{background:#b8c9db;border-color:#2563eb}#app.light-theme .title a.syntax-visible{background:#2563eb;color:#fff;border-color:#1d4ed8}#app.light-theme .title .github-link{color:#1d4ed8;border:none;background:transparent}#app.light-theme .title .github-link:hover{color:#0f1419}#app.light-theme .help{background:#dfe6ee;color:#1e3a5f;border-color:#b8c9db}#app.light-theme .help a{border-bottom-color:#b8c9db;color:#0f1419}#app.light-theme .help ul strong{color:#1d4ed8}#app.light-theme .help ul code{color:#059669;background:rgba(0,0,0,.05)}#app.light-theme .help pre{background:rgba(0,0,0,.05);border-color:#b8c9db}#app.light-theme .syntax-help-button{color:#2563eb;border-color:#b8c9db;background:#e5ebf1}#app.light-theme .syntax-help-button:hover{background:#b8c9db;border-color:#2563eb}#app.light-theme .syntax-help-button.syntax-visible{background:#2563eb;color:#fff;border-color:#1d4ed8}#app.light-theme .examples-section{border-top-color:#b8c9db}#app.light-theme .examples-section .examples-list::-webkit-scrollbar-track{background:#e5ebf1}#app.light-theme .examples-section .examples-list::-webkit-scrollbar-thumb{background:#2563eb}#app.light-theme .examples-section .examples-list::-webkit-scrollbar-thumb:hover{background:#1d4ed8}#app.light-theme .examples-section .examples-list .example-item{background:rgba(185,201,219,.2);border-color:#b8c9db;border-left-color:#b8c9db;color:#1e3a5f}#app.light-theme .examples-section .examples-list .example-item:hover{background:rgba(185,201,219,.4);border-left-color:#2563eb;color:#0f1419}#app.light-theme .examples-section .examples-list .example-item.active{background:rgba(37,99,235,.15);border-left-color:#1d4ed8;color:#1d4ed8;box-shadow:0 0 10px rgba(37,99,235,.2)}#app.light-theme .controls{border-top-color:#b8c9db}#app.light-theme .controls a.album-button{color:#7c3aed;border-color:#7c3aed}#app.light-theme .controls a.album-button:hover{color:#6d28d9;border-color:#6d28d9}#app.light-theme .controls a.randomize-button{color:#1d4ed8;border-color:#1d4ed8}#app.light-theme .controls a.randomize-button:hover{color:#2563eb;border-color:#2563eb}#app.light-theme .controls a.stop-button{color:#dc2626;border-color:#dc2626}#app.light-theme .controls a.stop-button:hover{color:#b91c1c;border-color:#b91c1c}#app.light-theme .controls a.save-button{color:#0d9488;border-color:#0d9488}#app.light-theme .controls a.save-button:hover{color:#0f766e;border-color:#0f766e}#app.light-theme .error-container{background:#fca5a5;color:#7f1d1d;border-left-color:#dc2626}#app.light-theme .line-width-control{background:rgba(185,201,219,.2);border-color:#b8c9db}#app.light-theme .line-width-control label{color:#1e3a5f}#app.light-theme .line-width-control input[type=range]{background:#b8c9db}#app.light-theme .line-width-control input[type=range]::-webkit-slider-thumb{background:#1d4ed8;border-color:#f0f4f8;box-shadow:0 0 10px rgba(29,78,216,.3)}#app.light-theme .line-width-control input[type=range]::-webkit-slider-thumb:hover{background:#2563eb;box-shadow:0 0 15px rgba(29,78,216,.5)}#app.light-theme .line-width-control input[type=range]::-moz-range-thumb{background:#1d4ed8;border-color:#f0f4f8;box-shadow:0 0 10px rgba(29,78,216,.3)}#app.light-theme .line-width-control input[type=range]::-moz-range-thumb:hover{background:#2563eb;box-shadow:0 0 15px rgba(29,78,216,.5)}#app.light-theme .line-width-control .width-value{color:#1d4ed8}#app.light-theme .view-controls{background:rgba(185,201,219,.2);border-color:#b8c9db}#app.light-theme .view-controls .grid-toggle label{color:#1e3a5f}#app.light-theme .view-controls .grid-toggle .toggle-switch{background:#b8c9db;border-color:#b8c9db}#app.light-theme .view-controls .grid-toggle .toggle-switch:after{background:#1e3a5f}#app.light-theme .view-controls .grid-toggle .toggle-switch.active{background:#2563eb;border-color:#1d4ed8}#app.light-theme .view-controls .grid-toggle .toggle-switch.active:after{background:#1d4ed8;box-shadow:0 2px 8px rgba(29,78,216,.4)}#app.light-theme .view-controls .grid-toggle .toggle-switch:hover{border-color:#2563eb}#app.light-theme .view-controls .rotation-control label{color:#1e3a5f}#app.light-theme .view-controls .rotation-control input[type=range]{background:#b8c9db}#app.light-theme .view-controls .rotation-control input[type=range]::-webkit-slider-thumb{background:#1d4ed8;border-color:#f0f4f8;box-shadow:0 0 10px rgba(29,78,216,.3)}#app.light-theme .view-controls .rotation-control input[type=range]::-webkit-slider-thumb:hover{background:#2563eb;box-shadow:0 0 15px rgba(29,78,216,.5)}#app.light-theme .view-controls .rotation-control input[type=range]::-moz-range-thumb{background:#1d4ed8;border-color:#f0f4f8;box-shadow:0 0 10px rgba(29,78,216,.3)}#app.light-theme .view-controls .rotation-control input[type=range]::-moz-range-thumb:hover{background:#2563eb;box-shadow:0 0 15px rgba(29,78,216,.5)}#app.light-theme .view-controls .rotation-control .rotation-value{color:#1d4ed8}#app.light-theme .modal-overlay{background:rgba(0,0,0,.5)}#app.light-theme .modal-content{background:#f0f4f8;border-color:#2563eb;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 40px rgba(37,99,235,.2)}#app.light-theme .modal-content h3{color:#1d4ed8}#app.light-theme .modal-content p{color:#1e3a5f}#app.light-theme .modal-btn{color:#1d4ed8}#app.light-theme .modal-btn.light-btn{border-color:#f59e0b;color:#f59e0b}#app.light-theme .modal-btn.light-btn:hover{background:rgba(245,158,11,.1)}#app.light-theme .modal-btn.dark-btn{border-color:#7c3aed;color:#7c3aed}#app.light-theme .modal-btn.dark-btn:hover{background:rgba(124,58,237,.1)}#app.light-theme .modal-btn.both-btn{border-color:#1d4ed8;color:#1d4ed8}#app.light-theme .modal-btn.both-btn:hover{background:rgba(29,78,216,.1)}#app.light-theme .modal-cancel{border-color:#b8c9db;color:#1e3a5f}#app.light-theme .modal-cancel:hover{background:#b8c9db;color:#0f1419}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#0a1628;border:2px solid #3a7bd5;border-radius:8px;padding:32px;max-width:500px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 40px rgba(58,123,213,.3)}.modal-content h3{color:#6eb5ff;font-size:24px;margin:0 0 12px 0;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,monospace}.modal-content p{color:#a8d4ff;margin:0 0 24px 0;font-size:15px}.modal-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.modal-btn{padding:16px 20px;border:2px solid;border-radius:6px;background:transparent;color:#6eb5ff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;display:flex;align-items:center;justify-content:space-between}.modal-btn .filename{font-size:12px;opacity:.7;font-weight:400;font-family:Courier New,monospace}.modal-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px currentColor}.modal-btn.light-btn{border-color:#fbbf24;color:#fbbf24}.modal-btn.light-btn:hover{background:rgba(251,191,36,.1)}.modal-btn.dark-btn{border-color:#8b5cf6;color:#8b5cf6}.modal-btn.dark-btn:hover{background:rgba(139,92,246,.1)}.modal-btn.both-btn{border-color:#6eb5ff;color:#6eb5ff}.modal-btn.both-btn:hover{background:rgba(110,181,255,.1)}.modal-cancel{width:100%;padding:12px;background:transparent;border:2px solid #1e3a5f;border-radius:6px;color:#a8d4ff;font-size:14px;cursor:pointer;transition:all .2s}.modal-cancel:hover{background:#1e3a5f;color:#e8f4ff}@media (max-width:768px){.sidebar{width:100%;max-width:400px}.sidebar-toggle.sidebar-open{left:calc(100% - 60px);max-left:416px}}.selection-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:10001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.selection-mask{position:absolute;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.selection-mask .selection-border{position:absolute;top:0;left:0;right:0;bottom:0;border:3px dashed #6eb5ff;background:rgba(110,181,255,.1);pointer-events:none;box-shadow:0 0 0 9999px rgba(0,0,0,.5),0 0 30px rgba(110,181,255,.5)}.selection-mask .resize-handle{position:absolute;background:#6eb5ff;border:2px solid #0a1628;box-shadow:0 0 10px rgba(110,181,255,.8);z-index:10}.selection-mask .resize-handle.ne,.selection-mask .resize-handle.nw,.selection-mask .resize-handle.se,.selection-mask .resize-handle.sw{width:12px;height:12px;border-radius:50%}.selection-mask .resize-handle.e,.selection-mask .resize-handle.n,.selection-mask .resize-handle.s,.selection-mask .resize-handle.w{background:#3a7bd5}.selection-mask .resize-handle.nw{top:-6px;left:-6px;cursor:nw-resize}.selection-mask .resize-handle.ne{top:-6px;right:-6px;cursor:ne-resize}.selection-mask .resize-handle.sw{bottom:-6px;left:-6px;cursor:sw-resize}.selection-mask .resize-handle.se{bottom:-6px;right:-6px;cursor:se-resize}.selection-mask .resize-handle.n{top:-4px;cursor:n-resize}.selection-mask .resize-handle.n,.selection-mask .resize-handle.s{left:50%;transform:translateX(-50%);width:40px;height:8px;border-radius:4px}.selection-mask .resize-handle.s{bottom:-4px;cursor:s-resize}.selection-mask .resize-handle.w{left:-4px;cursor:w-resize}.selection-mask .resize-handle.e,.selection-mask .resize-handle.w{top:50%;transform:translateY(-50%);width:8px;height:40px;border-radius:4px}.selection-mask .resize-handle.e{right:-4px;cursor:e-resize}.selection-mask .resize-handle:hover{background:#e8f4ff;transform:scale(1.2);box-shadow:0 0 20px #6eb5ff}.selection-mask .resize-handle.n:hover,.selection-mask .resize-handle.s:hover{transform:translateX(-50%) scale(1.2)}.selection-mask .resize-handle.e:hover,.selection-mask .resize-handle.w:hover{transform:translateY(-50%) scale(1.2)}.selection-controls{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:16px;z-index:10002}.selection-controls button{padding:14px 32px;border:2px solid;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px}.selection-controls button:hover{transform:translateY(-2px);box-shadow:0 0 30px currentColor}.selection-controls .selection-confirm-btn{background:#3a7bd5;color:#fff;border-color:#6eb5ff}.selection-controls .selection-confirm-btn:hover{background:#6eb5ff;border-color:#e8f4ff}.selection-controls .selection-cancel-btn{background:transparent;color:#ef5350;border-color:#ef5350}.selection-controls .selection-cancel-btn:hover{background:rgba(239,83,80,.1);color:#ff6b68;border-color:#ff6b68}#app.light-theme .selection-mask .selection-border{border-color:#1d4ed8;background:rgba(29,78,216,.1);box-shadow:0 0 0 9999px rgba(0,0,0,.5),0 0 30px rgba(29,78,216,.5)}#app.light-theme .selection-mask .resize-handle{background:#1d4ed8;border-color:#f0f4f8;box-shadow:0 0 10px rgba(29,78,216,.8)}#app.light-theme .selection-mask .resize-handle.e,#app.light-theme .selection-mask .resize-handle.n,#app.light-theme .selection-mask .resize-handle.s,#app.light-theme .selection-mask .resize-handle.w{background:#2563eb}#app.light-theme .selection-mask .resize-handle:hover{background:#0f1419}#app.light-theme .selection-controls .selection-confirm-btn{background:#2563eb;border-color:#1d4ed8}#app.light-theme .selection-controls .selection-confirm-btn:hover{background:#1d4ed8}#app.light-theme .selection-controls .selection-cancel-btn{color:#dc2626;border-color:#dc2626}#app.light-theme .selection-controls .selection-cancel-btn:hover{background:rgba(220,38,38,.1);color:#b91c1c;border-color:#b91c1c}.no-webgl[data-v-283309e6]{overflow-y:auto;display:flex;flex-direction:column;color:#00bfff;align-items:center;position:absolute;background-color:#061838;top:0;bottom:0;width:100%;height:100%;text-align:center;padding:8px}.no-webgl h3[data-v-283309e6]{font-weight:400;font-size:32px;margin:16px}.no-webgl p[data-v-283309e6]{max-width:400px;margin:8px 0}.no-webgl img[data-v-283309e6]{width:100%;max-width:1440px}