:root{--bg-color:#030306;--panel-bg:#080610bf;--text-primary:#f3e8ff;--text-secondary:#c77dff;--text-muted:#6c24b5;--text-dark:#0a001f;--accent-r:157;--accent-g:78;--accent-b:221;--accent-violet:#a75fff;--accent-indigo:#6e1bbe;--accent-cyan:#00e5ff;--accent-pink:#ff007f;--accent-green:#39ff14;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--grid-color:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .035);--grid-sub-color:#00e5ff03}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);width:100vw;height:100vh;overflow:hidden}.glass-panel{-webkit-backdrop-filter:blur(24px);border:1px solid #ffffff0a;border-bottom:1px solid rgba(var(--accent-r), var(--accent-g), var(--accent-b), .22);border-right:1px solid rgba(var(--accent-r), var(--accent-g), var(--accent-b), .12);background:linear-gradient(135deg,#0e0a18c7 0%,#06040ce0 100%);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 24px 60px #000000bf,inset 0 1px #ffffff0f,inset 0 0 1px #ffffff1f}.glass-panel:hover{border-color:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .35);box-shadow:0 28px 70px #000000d9, 0 0 20px rgba(var(--accent-r), var(--accent-g), var(--accent-b), .08), inset 0 1px 0 #ffffff14}input[type=text],select,input[type=number]{border:1px solid rgba(var(--accent-r), var(--accent-g), var(--accent-b), .25);color:#fff;font-size:12px;font-family:var(--font-sans);background:#06040cd9;border-radius:8px;outline:none;min-width:0;max-width:100%;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000080}input[type=text]:focus,select:focus,input[type=number]:focus{border-color:var(--accent-cyan);background:#030206f2;box-shadow:0 0 12px #00e5ff4d,inset 0 1px 2px #0009}input[type=range]{-webkit-appearance:none;background:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .2);cursor:pointer;border-radius:3px;outline:none;width:100%;height:5px;margin:8px 0;transition:background .15s}input[type=range]:hover{background:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .35)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--accent-cyan);cursor:pointer;width:14px;height:14px;box-shadow:0 0 10px var(--accent-cyan), 0 2px 4px #00000080;background:#fff;border-radius:50%;transition:transform .15s cubic-bezier(.4,0,.2,1),background .15s,border-color .15s}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-cyan);border-color:#fff;transform:scale(1.3)}input[type=range]::-webkit-slider-thumb:active{box-shadow:0 0 15px var(--accent-cyan);transform:scale(1.1)}.btn-neon{background:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .06);border:1px solid rgba(var(--accent-r), var(--accent-g), var(--accent-b), .3);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-neon:hover{background:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .15);border-color:var(--accent-violet);color:#fff;transform:translateY(-1px);box-shadow:0 0 12px #a75fff40}.btn-neon:active{transform:translateY(0)}.btn-neon.active{background:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .26);border-color:var(--accent-violet);color:#fff;box-shadow:0 0 12px #a75fff66}.btn-neon.secondary{color:#e2e8f0;background:#ffffff05;border-color:#ffffff14}.btn-neon.secondary:hover{background:#ffffff0f;border-color:#fff3;box-shadow:0 4px 12px #00000040}.btn-neon.secondary.active{background:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .12);border-color:var(--accent-violet);color:var(--accent-violet);box-shadow:0 0 15px rgba(var(--accent-r), var(--accent-g), var(--accent-b), .25), inset 0 0 4px rgba(var(--accent-r), var(--accent-g), var(--accent-b), .1);position:relative}.btn-neon.secondary.active:before{content:"";background-color:var(--accent-violet);width:2.5px;height:50%;box-shadow:0 0 8px var(--accent-violet);border-top-right-radius:2px;border-bottom-right-radius:2px;position:absolute;top:25%;left:0}.btn-neon.danger{color:var(--accent-pink);background:#ff007f0f;border-color:#ff007f40}.btn-neon.danger:hover{border-color:var(--accent-pink);background:#ff007f26;box-shadow:0 0 12px #ff007f4d}.blueprint-grid{background-size:80px 80px,80px 80px,16px 16px,16px 16px;background-image:linear-gradient(to right, var(--grid-color) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-color) 1px, transparent 1px), linear-gradient(to right, var(--grid-sub-color) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-sub-color) 1px, transparent 1px);background-position:50%;position:relative}.blueprint-grid:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#0000 15%,#030306d9 100%);width:100%;height:100%;position:absolute;top:0;left:0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:#0003;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .3);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .55);box-shadow:0 0 8px rgba(var(--accent-r), var(--accent-g), var(--accent-b), .2)}@keyframes dash{to{stroke-dashoffset:-20px}}.vector-pulse{stroke-dasharray:4 4;animation:1s linear infinite dash}.canvas-card{-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--accent-r), var(--accent-g), var(--accent-b), .2);pointer-events:auto;background:linear-gradient(135deg,#14102033 0%,#0a081473 100%);border-radius:12px;transition:border-color .25s,box-shadow .25s,transform .2s;position:absolute;box-shadow:0 10px 40px #0009,inset 0 1px #ffffff0d}.canvas-card:hover{border-color:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .45);box-shadow:0 12px 45px rgba(var(--accent-r), var(--accent-g), var(--accent-b), .08), 0 10px 40px #0009}.canvas-card.selected{outline:1.5px solid var(--accent-cyan);outline-offset:-1px;border-color:#0000!important;box-shadow:0 0 25px #00e5ff40,0 10px 40px #000000b3!important}.selection-grip{border:1.5px solid var(--accent-cyan);pointer-events:auto;z-index:100;background:#fff;border-radius:50%;width:7px;height:7px;transition:transform .1s;position:absolute;box-shadow:0 1px 3px #00000080}.selection-grip:hover{transform:scale(1.4)}.selection-grip.tl{cursor:nwse-resize;top:-4px;left:-4px}.selection-grip.tr{cursor:nesw-resize;top:-4px;right:-4px}.selection-grip.bl{cursor:nesw-resize;bottom:-4px;left:-4px}.selection-grip.br{cursor:se-resize;background:var(--accent-cyan);width:9px;height:9px;box-shadow:0 0 8px var(--accent-cyan);border-color:#fff;bottom:-4px;right:-4px}.card-header-drag{cursor:grab;border-bottom:1px solid rgba(var(--accent-r), var(--accent-g), var(--accent-b), .1);background:#140f2366;border-top-left-radius:11px;border-top-right-radius:11px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.card-header-drag:active{cursor:grabbing}.custom-accordion{border:1px solid rgba(var(--accent-r), var(--accent-g), var(--accent-b), .1);background:#0a081459;border-radius:10px;outline:none;margin-bottom:8px;padding:8px 12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.custom-accordion:hover{border-color:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .3);background:#0f0c1c73}.custom-accordion[open]{border-color:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .5);background:#0f0c1ca6;box-shadow:0 4px 20px #0000004d}.custom-accordion summary{letter-spacing:.8px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;list-style:none;display:flex}.custom-accordion summary::-webkit-details-marker{display:none}.custom-accordion summary:after{content:"→";font-family:var(--font-mono);color:var(--text-muted);font-size:10px;transition:transform .25s cubic-bezier(.4,0,.2,1),color .25s;transform:rotate(0)}.custom-accordion[open] summary:after{color:var(--accent-cyan);transform:rotate(90deg)}.custom-accordion summary:hover{color:#fff}.custom-accordion summary:hover:after{color:var(--accent-cyan)}.custom-accordion-content{border-top:1px solid rgba(var(--accent-r), var(--accent-g), var(--accent-b), .08);flex-direction:column;gap:12px;margin-top:6px;padding-top:10px;display:flex}.code-header{border-bottom:1px solid rgba(var(--accent-r), var(--accent-g), var(--accent-b), .15);background:#140f234d;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.code-tabs{gap:8px;display:flex}.code-container{font-family:var(--font-mono);border:1px solid rgba(var(--accent-r), var(--accent-g), var(--accent-b), .1);color:#e0aaff;white-space:pre;background:#00000059;border-radius:8px;flex:1;padding:16px;font-size:12px;overflow:auto}.glow-purple{text-shadow:0 0 8px rgba(var(--accent-r), var(--accent-g), var(--accent-b), .6)}.glow-cyan{text-shadow:0 0 8px #00e5ff99}.section-separator{background:linear-gradient(90deg, transparent, rgba(var(--accent-r), var(--accent-g), var(--accent-b), .18), transparent);height:1px;margin:6px 0}.section-header{border:1px solid rgba(var(--accent-r), var(--accent-g), var(--accent-b), .12);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0a081466;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.section-header:hover{border-color:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .25);background:#0f0c1c80}.section-header.open{border-color:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .4);background:#0f0c1ca6;border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.section-header .icon{background:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .15);width:24px;height:24px;color:var(--accent-cyan);border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.section-header.open .icon{background:#00e5ff26;box-shadow:0 0 12px #00e5ff33}.section-header .title{letter-spacing:1.2px;color:var(--text-secondary);text-transform:uppercase;flex:1;font-size:10px;font-weight:700}.section-header.open .title{color:#fff}.section-header .chevron{width:20px;height:20px;color:var(--text-muted);justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s;display:flex}.section-header.open .chevron{color:var(--accent-cyan);transform:rotate(180deg)}.section-content{border:1px solid rgba(var(--accent-r), var(--accent-g), var(--accent-b), .12);background:#0c0a1680;border-top:none;border-radius:0 0 10px 10px;flex-direction:column;gap:14px;margin-top:-1px;padding:14px 16px 14px 14px;animation:.2s slideDown;display:flex}.section-content>:first-child{margin-top:2px}.section-content input[type=number],.section-content select{width:100%;min-width:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.control-group{flex-direction:column;gap:6px;display:flex}.control-group label{letter-spacing:.6px;color:var(--text-muted);text-transform:uppercase;font-size:9px;font-weight:600}input[type=range].premium{-webkit-appearance:none;background:linear-gradient(90deg, var(--accent-cyan), rgba(var(--accent-r), var(--accent-g), var(--accent-b), .3));cursor:pointer;border-radius:3px;outline:none;width:100%;height:4px;margin:6px 0;transition:opacity .15s}input[type=range].premium::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 30% 30%, #fff, var(--accent-cyan));cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s;box-shadow:0 0 0 3px #00e5ff33,0 2px 8px #00000080}input[type=range].premium::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 5px #00e5ff4d,0 2px 12px #0006}.value-badge{min-width:42px;height:22px;font-family:var(--font-mono);color:var(--accent-cyan);white-space:nowrap;background:#00e5ff14;border:1px solid #00e5ff33;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:10px;display:inline-flex}.color-picker-container{align-items:center;gap:10px;display:flex}.color-swatch{cursor:pointer;border:2px solid #ffffff1a;border-radius:10px;width:36px;height:36px;transition:all .2s;position:relative;overflow:hidden}.color-swatch:hover{border-color:#ffffff4d;transform:scale(1.08);box-shadow:0 4px 12px #0006}.color-swatch input[type=color]{cursor:pointer;width:calc(100% + 8px);height:calc(100% + 8px);box-shadow:none;background:0 0;border:none;padding:0;position:absolute;top:-4px;left:-4px;transform:scale(1)}.color-swatch input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-swatch input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}.color-hex{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.5px;font-size:11px}.segmented-control{border:1px solid rgba(var(--accent-r), var(--accent-g), var(--accent-b), .15);background:#06040c99;border-radius:8px;gap:2px;padding:2px;display:flex}.segmented-control .segment{cursor:pointer;color:var(--text-muted);letter-spacing:.2px;font-size:7px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:1px;padding:5px 0;transition:all .2s;display:flex}.segmented-control .segment:hover{background:rgba(var(--accent-r), var(--accent-g), var(--accent-b), .1);color:var(--text-secondary)}.segmented-control .segment.active{color:var(--accent-cyan);background:#00e5ff1a;border:1px solid #00e5ff4d;box-shadow:0 0 12px #00e5ff26}.segmented-control .segment .seg-icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.btn-delete-premium{width:100%;color:var(--accent-pink);font-family:var(--font-sans);letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#ff007f14,#ff007f05);border:1px solid #ff007f33;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:10px 16px;font-size:11px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.btn-delete-premium:hover{border-color:var(--accent-pink);background:linear-gradient(135deg,#ff007f2e,#ff007f14);transform:translateY(-1px);box-shadow:0 0 20px #ff007f33}.btn-delete-premium:active{transform:translateY(0)}.control-row{gap:10px;display:flex;overflow:hidden}.control-row>div{flex:1;min-width:0}.control-row input[type=number]{width:100%}.control-row-inline{align-items:center;gap:8px;display:flex}.control-row-inline>input[type=range]{flex:1}