@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@400;500;600&display=swap";/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@keyframes slide-down{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes glow-pulse{0%,to{opacity:.4;filter:blur(2px)}50%{opacity:.8;filter:blur(4px)}}.animate-slide-down{animation:.3s ease-out slide-down}.animate-slide-up{animation:.3s ease-out slide-up}.animate-fade-in{animation:.2s ease-out fade-in}.animate-fade-out{animation:.2s ease-out fade-out}.animate-scale-in{animation:.2s ease-out scale-in}.animate-ripple{animation:1s ease-out infinite ripple}.animate-glow-pulse{animation:2s ease-in-out infinite glow-pulse}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1)}.glass{-webkit-backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a}.glass-light{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:root{--dock-bg:#080a0eeb;--dock-bg-solid:#080a0e;--dock-surface:#141820cc;--dock-surface-hover:#202630e6;--dock-border:#ffffff0f;--dock-border-light:#ffffff1a;--text-primary:#e8eaed;--text-secondary:#ffffff8c;--text-tertiary:#ffffff59;--accent:#f5a623;--accent-glow:#f5a62340;--accent-soft:#f5a6231f;--status-active:#4ade80;--status-active-glow:#4ade8066;--status-inactive:#fff3;--danger:#f87171;--danger-soft:#f8717126;--font-mono:"JetBrains Mono",ui-monospace,monospace;--font-sans:"Outfit",system-ui,-apple-system,sans-serif;--dock-radius:16px;--dock-padding:12px;--control-radius:8px;--transition-fast:.12s;--transition-smooth:.2s}.dock-container{z-index:100;background:var(--dock-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--dock-border);border-radius:var(--dock-radius);font-family:var(--font-sans);color:var(--text-primary);min-width:680px;max-width:95vw;font-size:13px;animation:.4s cubic-bezier(.16,1,.3,1) dockSlideIn;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0000004d,0 20px 50px -10px #00000080,0 0 80px -20px #f5a62314}@keyframes dockSlideIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.dock-container.dock-minimized{align-items:center;gap:16px;min-width:auto;padding:8px 16px;display:flex}.dock-header{padding:8px var(--dock-padding);border-bottom:1px solid var(--dock-border);justify-content:space-between;align-items:center;gap:16px;display:flex}.dock-nav{background:var(--dock-surface);border-radius:10px;gap:2px;padding:3px;display:flex}.dock-nav-btn{font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)ease;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:flex}.dock-nav-btn:hover{color:var(--text-primary);background:#ffffff0d}.dock-nav-btn.active{color:var(--accent);background:var(--accent-soft)}.dock-nav-btn svg{opacity:.7}.dock-nav-btn.active svg{opacity:1}.dock-status{align-items:center;gap:12px;padding:0 8px;display:flex}.status-chip{align-items:center;gap:6px;display:flex}.status-indicator{background:var(--status-inactive);width:6px;height:6px;transition:all var(--transition-smooth)ease;border-radius:50%}.status-indicator[data-active=true]{background:var(--status-active);box-shadow:0 0 8px var(--status-active-glow);animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.status-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.status-divider{background:var(--dock-border-light);width:1px;height:16px}.dock-minimize-btn{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)ease;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.dock-minimize-btn:hover{background:var(--dock-surface);color:var(--text-primary)}.dock-expand-btn{font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)ease;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.dock-expand-btn:hover{color:var(--accent)}.dock-expand-label{text-transform:uppercase;letter-spacing:.1em;font-size:10px}.dock-mini-status{align-items:center;gap:8px;display:flex}.dock-content{padding:var(--dock-padding)}.dock-section{animation:.25s sectionFadeIn}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.control-row{align-items:center;gap:16px;display:flex}.control-group{align-items:center;gap:8px;display:flex}.control-group.compact{min-width:140px}.control-group.wide{flex:1;min-width:180px}.control-divider{background:var(--dock-border-light);flex-shrink:0;width:1px;height:32px}.control-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:11px;font-weight:500}.action-btn{background:var(--dock-surface);border-radius:var(--control-radius);font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)ease;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;display:flex}.action-btn:hover{background:var(--dock-surface-hover);border-color:var(--dock-border-light)}.action-btn.primary{background:var(--accent-soft);border-color:#f5a62333}.action-btn.primary:hover{background:var(--accent-glow);border-color:#f5a62366}.action-btn.primary.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.action-btn.danger:hover{background:var(--danger-soft);color:var(--danger);border-color:#f871714d}.action-btn.locked{background:var(--accent-glow);border-color:var(--accent);color:var(--accent);animation:2s ease-in-out infinite lockedPulse}@keyframes lockedPulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 8px 2px var(--accent-glow)}}.icon-btn{background:var(--dock-surface);border-radius:var(--control-radius);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)ease;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--dock-surface-hover);border-color:var(--dock-border-light);color:var(--text-primary)}.toggle-control{align-items:center;gap:10px;display:flex}.toggle-label{color:var(--text-secondary);white-space:nowrap;font-size:12px}.toggle-switch{background:var(--dock-surface);border:1px solid var(--dock-border-light);cursor:pointer;width:36px;height:20px;transition:all var(--transition-smooth)ease;border-radius:10px;padding:0;position:relative}.toggle-switch:hover{border-color:#ffffff26}.toggle-switch.on{background:var(--accent-soft);border-color:var(--accent)}.toggle-thumb{background:var(--text-secondary);width:14px;height:14px;transition:all var(--transition-smooth)cubic-bezier(.34,1.56,.64,1);border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch.on .toggle-thumb{background:var(--accent);box-shadow:0 0 8px var(--accent-glow);left:18px}.slider-control{flex-direction:column;gap:6px;width:100%;display:flex}.slider-control.mini{min-width:80px;max-width:100px}.slider-header{justify-content:space-between;align-items:baseline;display:flex}.slider-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.slider-value{color:var(--text-primary);font-size:12px}.slider-hint{color:var(--text-tertiary);font-size:10px;font-style:italic}.slider-markers{color:var(--text-tertiary);font-size:9px;font-family:var(--font-mono);justify-content:space-between;margin-top:4px;display:flex}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--accent)0%,var(--accent)var(--progress,0%),var(--dock-surface)var(--progress,0%),var(--dock-surface)100%);cursor:pointer;width:100%;height:4px;transition:background var(--transition-fast)ease;border-radius:2px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--text-primary);border:2px solid var(--dock-bg-solid);cursor:grab;width:14px;height:14px;-webkit-transition:transform var(--transition-fast)ease,box-shadow var(--transition-fast)ease;transition:transform var(--transition-fast)ease,box-shadow var(--transition-fast)ease;border-radius:50%}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 8px var(--accent-glow);transform:scale(1.15)}.slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.slider::-moz-range-thumb{background:var(--text-primary);border:2px solid var(--dock-bg-solid);cursor:grab;width:14px;height:14px;-moz-transition:transform var(--transition-fast)ease;transition:transform var(--transition-fast)ease;border-radius:50%}.color-swatches{gap:4px;display:flex}.color-swatch{background:var(--swatch-color);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast)ease;border:2px solid #0000;border-radius:6px;padding:0}.color-swatch:hover{box-shadow:0 0 12px var(--swatch-color);transform:scale(1.15)}@supports (color:color-mix(in lab,red,red)){.color-swatch:hover{box-shadow:0 0 12px color-mix(in srgb,var(--swatch-color)50%,transparent)}}.color-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--dock-bg-solid),0 0 12px var(--swatch-color)}@supports (color:color-mix(in lab,red,red)){.color-swatch.selected{box-shadow:0 0 0 2px var(--dock-bg-solid),0 0 12px color-mix(in srgb,var(--swatch-color)60%,transparent)}}.data-display{background:var(--dock-surface);border-radius:var(--control-radius);flex-direction:column;gap:2px;min-width:70px;padding:6px 12px;display:flex}.data-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.data-value{color:var(--text-primary);font-size:16px;font-weight:600}.hint-box{border-radius:var(--control-radius);color:var(--text-secondary);background:#f5a6230f;border:1px solid #f5a6231a;align-items:center;gap:8px;padding:8px 12px;font-size:11px;line-height:1.4;display:flex}.hint-box svg{color:var(--accent);opacity:.6;flex-shrink:0}.dock-footer{padding:8px var(--dock-padding);border-top:1px solid var(--dock-border);color:var(--text-tertiary);justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.footer-sep{opacity:.3}kbd{background:var(--dock-surface);border:1px solid var(--dock-border-light);min-width:18px;height:18px;font-family:var(--font-mono);color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:500;display:inline-flex}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media (max-width:768px){.dock-container{width:calc(100vw - 32px);min-width:auto;bottom:16px}.control-row{flex-wrap:wrap;gap:12px}.control-divider{display:none}.control-group{flex:1;min-width:120px}.hint-box{width:100%}.dock-footer{flex-wrap:wrap;gap:6px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-\[100\]{z-index:100}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-full{height:100%}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.text-center{text-align:center}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.opacity-50{opacity:.5}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box;margin:0;padding:0}:root{color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background-color:#000}#root{width:100%;height:100%}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}button{color:#fff;cursor:pointer;background-color:#ffffff1a;border:1px solid #0000;border-radius:8px;padding:.4em .8em;font-family:inherit;font-size:.9em;font-weight:500;transition:all .25s}button:hover{background-color:#fff3;border-color:#ffffff4d}button:focus,button:focus-visible{outline-offset:2px;outline:2px solid #646cff80}input[type=range]{width:100%}input[type=number],input[type=text],select{color:#fff;background-color:#ffffff1a;border:1px solid #fff3;border-radius:.25rem;padding:.25rem .5rem}input[type=checkbox]{width:1rem;height:1rem}canvas{image-rendering:auto;touch-action:none}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}input[type=range].slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;transition:opacity .2s}input[type=range].slider:hover{opacity:1}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#3b82f6;border:2px solid rgba(255,255,255,.9);border-radius:50%;cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease}input[type=range].slider::-webkit-slider-thumb:hover{background:#60a5fa;transform:scale(1.2)}input[type=range].slider::-moz-range-thumb{width:12px;height:12px;background:#3b82f6;border:2px solid rgba(255,255,255,.9);border-radius:50%;cursor:pointer;-moz-transition:all .15s ease;transition:all .15s ease}input[type=range].slider::-moz-range-thumb:hover{background:#60a5fa;transform:scale(1.2)}input[type=range].slider::-webkit-slider-runnable-track{height:4px;border-radius:2px}input[type=range].slider::-moz-range-track{height:4px;border-radius:2px}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{margin:0;padding:0;box-sizing:border-box}
