/*! tailwindcss v4.1.14 | 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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.col-span-12{grid-column:span 12/span 12}.container{width:100%}.container\!{width:100%!important}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.h-full{height:100%}.min-h-\[140px\]{min-height:140px}.min-h-\[260px\]{min-height:260px}.min-h-\[720px\]{min-height:720px}.min-h-screen{min-height:100vh}.w-\[520px\]{width:520px}.w-full{width:100%}.max-w-\[92vw\]{max-width:92vw}.max-w-\[260px\]{max-width:260px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.object-contain{-o-object-fit:contain;object-fit:contain}.text-center{text-align:center}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.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}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-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,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;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)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}body{color:#fff;background-color:#0b0e17}:root{--color-bg-primary:#0b0e17;--color-bg-secondary:#1a1d2e;--color-text-primary:#fff;--color-text-secondary:#b4b4b4;--color-accent:#0af;--color-success:#0f0;--color-warning:#fa0;--color-danger:red;--color-gauge-bg:#f0f0f0;--color-gauge-text:#000}canvas{touch-action:none;-webkit-user-drag:none;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;display:block}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.cursor-pointer{cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:#4a5568;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6b7280}.loading{background-color:var(--color-bg-primary);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loading-spinner{border:5px solid #ffffff4d;border-top-color:var(--color-accent);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (hover:none) and (pointer:coarse){button,.control-element{min-width:44px;min-height:44px}}@media (min-width:768px) and (max-width:1366px) and (orientation:landscape){html{font-size:14px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){html{font-size:13px}}@media (max-width:768px){html{font-size:12px}}@media (min-width:1367px){html{font-size:16px}}@media (min-resolution:192dpi){*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.touchable{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .15s,filter .15s,background-color .15s;position:relative}.touchable:active{filter:brightness(.9);transform:scale(.95)}.touchable-highlight{position:relative}.touchable-highlight:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:1;background:#fff3;transition:opacity .15s;position:absolute;inset:0}.touchable-highlight:active:before{opacity:1}.touch-feedback-scale{will-change:transform;transition:transform .15s}.touch-feedback-scale:active{transform:scale(.95)}.touch-feedback-glow{will-change:box-shadow,filter;transition:box-shadow .15s,filter .15s}.touch-feedback-glow:active{filter:brightness(1.1);box-shadow:0 0 20px #ffffff4d}.touched,.pressed{transform:scale(.95);background:#fff3!important}button.touchable{will-change:transform,filter}button.touchable:active{filter:brightness(.9);transform:scale(.95)}button.touchable.touched{background:#fff3}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .15s;position:relative;overflow:hidden}button:active{filter:brightness(.9);transform:scale(.95)}button:focus-visible,.touchable:focus-visible{outline:2px solid var(--color-accent,#39f);outline-offset:2px}button:disabled,.touchable.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (hover:none) and (pointer:coarse){button,.touchable,input[type=checkbox],input[type=radio]{min-width:44px;min-height:44px;padding:8px 16px}button:hover,.touchable:hover{filter:none;transform:none}.control-element,.interactive-element{min-width:44px;min-height:44px}}input[type=checkbox],input[type=radio]{cursor:pointer;min-width:20px;min-height:20px;transition:transform .1s}input[type=checkbox]:active,input[type=radio]:active{transform:scale(.9)}input[type=range]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#10b981;border:2px solid #fff;border-radius:50%;width:20px;height:20px;-webkit-transition:transform .1s,box-shadow .1s;transition:transform .1s,box-shadow .1s;box-shadow:0 2px 4px #0000004d}input[type=range]:active::-webkit-slider-thumb{background:#059669;transform:scale(1.2);box-shadow:0 0 0 8px #ffffff1a}input[type=range]::-moz-range-thumb{cursor:pointer;background:#10b981;border:2px solid #fff;border-radius:50%;width:20px;height:20px;-moz-transition:transform .1s,box-shadow .1s;transition:transform .1s,box-shadow .1s;box-shadow:0 2px 4px #0000004d}input[type=range]:active::-moz-range-thumb{background:#059669;transform:scale(1.2);box-shadow:0 0 0 8px #ffffff1a}select{cursor:pointer;min-height:44px;transition:background-color .15s,border-color .15s}select:active{background-color:#ffffff1a}label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .15s}label:active{opacity:.8}.with-ripple{isolation:isolate;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.touchable,.touch-feedback-scale,.touch-feedback-glow,button,input,select,label{transition-duration:.01ms!important;animation-duration:.01ms!important}.touchable:active,button:active{transform:none!important}}@media (prefers-contrast:high){button:focus-visible,.touchable:focus-visible{outline-offset:3px;outline-width:3px}.touchable-highlight:before{background:#ffffff80}.touched,.pressed{border:2px solid}}@media (prefers-color-scheme:dark){.touchable-highlight:before{background:#ffffff26}.touch-feedback-glow:active{box-shadow:0 0 20px #fff3}}button,.touchable{backface-visibility:hidden;transform:translateZ(0)}:root{--touch-transition-fast:.1s;--touch-transition-normal:.15s;--touch-transition-slow:.3s;--touch-scale-pressed:.95;--touch-brightness-pressed:.9}.touch-feedback-subtle:active{filter:brightness(.95);transform:scale(.98)}.touch-feedback-normal:active{filter:brightness(.9);transform:scale(.95)}.touch-feedback-strong:active{filter:brightness(.85);transform:scale(.9)}.no-touch-feedback,.no-touch-feedback:active{filter:none!important;transform:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only-focusable:focus{width:auto;height:auto;padding:inherit;margin:inherit;clip:auto;white-space:normal;position:static;overflow:visible}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-contrast:high){:focus-visible{outline-offset:3px;outline-width:3px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}:root{--aluminum-base: #B8B8B8;--aluminum-light: #D0D0D0;--aluminum-dark: #8C8C8C;--panel-bg: #2a2a2a;--text-primary: #FFFFFF;--text-secondary: #E0E0E0;--green-operational: #00FF00;--red-critical: #FF3300;--blue-info: #00AAFF;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:var(--panel-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;margin:0;background:#101418;overflow:hidden}.app{display:grid;grid-template-columns:1fr 360px;grid-template-rows:100%;height:100%}.app__stage{position:relative;overflow:hidden}.app__canvas{width:100%;height:100%;display:block}.app__hud{overflow:auto;background:#0b0f15;border-left:1px solid #1e2731}@media (max-width: 1280px){.app{grid-template-columns:1fr 280px}}@media (max-width: 768px) and (orientation: portrait){.app{grid-template-columns:1fr;grid-template-rows:1fr auto}.app__hud{max-height:40vh;border-left:none;border-top:1px solid #1e2731}}@media (max-width: 1024px) and (orientation: landscape){.app{grid-template-columns:1fr 240px}.app__hud{font-size:.9em}}@media (max-width: 640px){.app{grid-template-columns:1fr;grid-template-rows:1fr auto}.app__hud{max-height:35vh;border-left:none;border-top:1px solid #1e2731;font-size:.85em}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.action-card{border:2px solid #606060;background:#323232d9;border-radius:8px;box-shadow:0 4px 12px #0006;padding:20px;backdrop-filter:blur(4px)}.action-card__title{font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}
