/*! tailwindcss v4.1.18 | 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-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-ease:initial;--tw-space-x-reverse:0}}}@layer theme{:root,:host{--font-sans:"Inter","Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Consolas,monospace;--color-black:#000;--spacing:.25rem;--container-lg:32rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--ease-in:cubic-bezier(.4,0,1,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius:6px;--color-background:#0d1117;--color-surface:#161b22;--color-elevated:#21262d;--color-toolbar:#30363d;--color-border:#3d444d;--color-border-subtle:#21262d;--color-border-accent:oklch(72% .17 198/.2);--color-foreground:#e6edf3;--color-muted:#8b949e;--color-muted-foreground:#6e7681;--color-accent:#00d4ff;--color-accent-hover:#3df;--color-accent-muted:oklch(72% .17 198/.12);--color-accent-secondary:#ff6b6b;--color-accent-warm:#ff9500;--color-accent-warm-hover:#ff7a00;--color-success:#3fb950;--color-warning:#d29922;--color-destructive:#f85149;--color-info:#58a6ff;--color-node-ton:#2f81f7;--color-node-tof:#8b5cf6;--color-node-tp:#2dd4bf;--color-node-ctu:#f87171;--color-node-ctd:#a78bfa;--color-node-ctud:#fb923c;--color-minimap-contact:#569cd6;--color-minimap-coil:#4ec9b0;--color-minimap-timer:#dcdcaa;--color-minimap-counter:#b388ff;--color-minimap-comparator:#ce9178;--color-minimap-power-left:#e74c3c;--color-minimap-power-right:#3498db;--color-minimap-default:gray;--color-canvas-edge:#d4d4d4;--color-canvas-grid:#404040;--color-timing-input:#89b4fa;--color-timing-output:#a6e3a1;--color-syntax-keyword:#569cd6;--color-syntax-control:#c586c0;--color-syntax-type:#4ec9b0;--color-syntax-string:#ce9178;--color-syntax-literal:#dcdcaa;--color-syntax-comment:#6a9955;--shadow-glow:0 0 20px oklch(72% .17 198/.15)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-background);font-family:var(--font-sans);color:var(--color-foreground);min-height:100vh;margin:0}a{color:var(--color-accent);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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){a:hover{color:var(--color-accent-hover)}}a{text-decoration:none}.ladder-canvas,.st-editor-scroll,.variable-watch-list,.properties-content{overscroll-behavior:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overflow:auto}}@layer components;@layer utilities{.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}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.top-\[50\%\]{top:50%}.right-4{right:calc(var(--spacing)*4)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing)*4)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.w-4{width:calc(var(--spacing)*4)}.w-10{width:calc(var(--spacing)*10)}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-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,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-accent{border-color:var(--color-accent)}.border-border{border-color:var(--color-border)}.border-border-accent{border-color:var(--color-border-accent)}.bg-accent{background-color:var(--color-accent)}.bg-accent-muted{background-color:var(--color-accent-muted)}.bg-accent-secondary{background-color:var(--color-accent-secondary)}.bg-background{background-color:var(--color-background)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-destructive{background-color:var(--color-destructive)}.bg-elevated{background-color:var(--color-elevated)}.bg-node-ctud{background-color:var(--color-node-ctud)}.bg-surface{background-color:var(--color-surface)}.bg-toolbar{background-color:var(--color-toolbar)}.bg-transparent{background-color:#0000}.p-1{padding:calc(var(--spacing)*1)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--color-accent)}.text-accent-secondary{color:var(--color-accent-secondary)}.text-accent-warm{color:var(--color-accent-warm)}.text-background{color:var(--color-background)}.text-foreground{color:var(--color-foreground)}.text-info{color:var(--color-info)}.text-muted{color:var(--color-muted)}.text-muted-foreground{color:var(--color-muted-foreground)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.accent-muted{accent-color:var(--color-muted)}.opacity-70{opacity:.7}.shadow-glow{--tw-shadow:0 0 20px var(--tw-shadow-color,oklch(72% .17 198/.15));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.ring-accent\/50{--tw-ring-color:#00d4ff80}@supports (color:color-mix(in lab,red,red)){.ring-accent\/50{--tw-ring-color:color-mix(in oklab,var(--color-accent)50%,transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--color-foreground)}.placeholder\:text-muted::placeholder{color:var(--color-muted)}@media (hover:hover){.hover\:bg-accent-hover:hover{background-color:var(--color-accent-hover)}.hover\:bg-accent-secondary\/90:hover{background-color:#ff6b6be6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent-secondary\/90:hover{background-color:color-mix(in oklab,var(--color-accent-secondary)90%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:#f85149e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--color-destructive)90%,transparent)}}.hover\:bg-surface:hover{background-color:var(--color-surface)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.focus\:ring-accent\/50:focus{--tw-ring-color:#00d4ff80}@supports (color:color-mix(in lab,red,red)){.focus\:ring-accent\/50:focus{--tw-ring-color:color-mix(in oklab,var(--color-accent)50%,transparent)}}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.focus-visible\:ring-accent\/50:focus-visible{--tw-ring-color:#00d4ff80}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-accent\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-accent)50%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.sm\:text-left{text-align:left}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}:root{--bg-base:var(--color-background);--bg-surface:var(--color-surface);--bg-elevated:var(--color-elevated);--bg-secondary:var(--color-surface);--bg-hover:var(--color-elevated);--bg-active:var(--color-toolbar);--border:var(--color-border);--border-color:var(--color-border);--border-accent:var(--color-border-accent);--accent-primary:var(--color-accent);--accent-secondary:var(--color-accent-secondary);--accent-success:var(--color-success);--accent-error:var(--color-destructive);--text-primary:var(--color-foreground);--text-secondary:var(--color-muted);--text-muted:var(--color-muted-foreground);--mobile-bg-base:var(--color-background);--mobile-bg-surface:var(--color-surface);--mobile-bg-elevated:var(--color-elevated);--mobile-border:var(--color-border);--mobile-border-accent:var(--color-border-accent);--mobile-accent-primary:var(--color-accent);--mobile-text-primary:var(--color-foreground);--mobile-text-secondary:var(--color-muted);--mobile-text-tertiary:var(--color-muted-foreground);--mobile-transition-fast:.12s cubic-bezier(.4,0,.2,1);--mobile-transition-base:.18s cubic-bezier(.4,0,.2,1)}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}@property --tw-ease{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.ladder-node{display:flex;flex-direction:column;align-items:center;padding:4px;background:var(--color-elevated);border:2px solid var(--color-toolbar);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:12px;color:var(--color-foreground);min-width:60px;position:relative}.ladder-node.selected{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.ladder-node .node-label{margin-top:4px;font-size:10px;color:var(--color-info);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ladder-handle{width:10px;height:10px;background:var(--color-accent);border:2px solid color-mix(in srgb,var(--color-accent) 70%,transparent)}.ladder-handle:hover{background:var(--color-accent-hover)}.contact-node{min-width:70px}.contact-body{display:flex;align-items:center;height:32px}.contact-rail{width:8px;height:24px;border:2px solid var(--color-foreground)}.contact-rail.left{border-right:none}.contact-rail.right{border-left:none}.contact-center{width:20px;height:24px;display:flex;align-items:center;justify-content:center}.contact-symbol{font-weight:700;font-size:14px;color:var(--color-destructive)}.contact-node.no .contact-symbol{color:transparent}.contact-node.nc .contact-center{position:relative}.contact-node.nc .contact-center:before{content:"";position:absolute;width:2px;height:28px;background:var(--color-foreground);transform:rotate(-30deg)}.contact-node.p .contact-symbol,.contact-node.n .contact-symbol{color:var(--color-syntax-literal)}.coil-node{min-width:60px}.coil-body{display:flex;align-items:center;height:32px;font-size:20px;font-weight:300}.coil-left,.coil-right{color:var(--color-foreground)}.coil-center{width:16px;display:flex;align-items:center;justify-content:center}.coil-symbol{font-size:12px;font-weight:700}.coil-node.set .coil-symbol{color:var(--color-syntax-type)}.coil-node.reset .coil-symbol{color:var(--color-destructive)}.coil-node.positive .coil-symbol,.coil-node.negative .coil-symbol{color:var(--color-syntax-literal)}.timer-node{min-width:100px;padding:0}.timer-body{width:100%;background:var(--color-background);border-radius:2px}.timer-header{background:var(--color-node-ton);color:#fff;padding:4px 8px;font-weight:700;text-align:center;border-radius:2px 2px 0 0}.timer-node.ton .timer-header{background:var(--color-node-ton)}.timer-node.tof .timer-header{background:var(--color-node-tof)}.timer-node.tp .timer-header{background:var(--color-node-tp)}.timer-instance{padding:4px 8px;font-size:11px;color:var(--color-info);text-align:center;border-bottom:1px solid var(--color-toolbar)}.timer-params{padding:4px 8px}.timer-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--color-muted);line-height:1.6}.timer-pin-label.right{text-align:right}.timer-value{font-family:var(--font-mono);font-size:9px;color:var(--color-success);background:var(--color-background);padding:1px 4px;border-radius:2px;min-width:30px;text-align:center}.timer-value.active{color:var(--color-syntax-type);background:color-mix(in srgb,var(--color-syntax-type) 15%,var(--color-background))}.timer-preset{padding:4px 8px;font-size:10px;color:var(--color-success);text-align:center;background:var(--color-surface);border-radius:0 0 2px 2px}.timer-handle{width:8px;height:8px}.counter-node{min-width:100px;padding:0}.counter-body{width:100%;background:var(--color-background);border-radius:2px}.counter-header{background:var(--color-node-ctu);color:#fff;padding:4px 8px;font-weight:700;text-align:center;border-radius:2px 2px 0 0}.counter-node.ctu .counter-header{background:var(--color-node-ctu)}.counter-node.ctd .counter-header{background:var(--color-node-ctd)}.counter-node.ctud .counter-header{background:var(--color-node-ctud)}.counter-instance{padding:4px 8px;font-size:11px;color:var(--color-info);text-align:center;border-bottom:1px solid var(--color-toolbar)}.counter-params{padding:4px 8px}.counter-row{display:flex;justify-content:space-between;font-size:10px;color:var(--color-muted);line-height:1.6}.counter-pin-label.right{text-align:right}.counter-preset{padding:4px 8px;font-size:10px;color:var(--color-success);text-align:center;background:var(--color-surface);border-radius:0 0 2px 2px}.counter-handle{width:8px;height:8px}.power-rail-node{width:12px;min-width:12px;height:80px;padding:0;background:transparent;border:none;border-radius:0}.rail-line{width:4px;height:100%;background:var(--color-foreground)}.power-rail-node.left .rail-line{background:var(--color-destructive)}.power-rail-node.right .rail-line{background:var(--color-info)}.rail-handle{width:8px;height:8px}.comparator-node{min-width:120px;padding:6px 8px}.comparator-body{display:flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:4px 8px;background:var(--color-background);border:1px solid var(--color-info);border-radius:var(--radius-sm)}.comparator-operand{font-size:11px;color:var(--color-info);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparator-operator{font-size:12px;font-weight:700;color:var(--color-syntax-literal);padding:0 2px}.ladder-node.powered{border-color:var(--color-success)}.ladder-node.powered .contact-rail,.ladder-node.powered .coil-left,.ladder-node.powered .coil-right{color:var(--color-success);border-color:var(--color-success)}.power-rail-node.left.powered .rail-line{background:var(--color-success);box-shadow:0 0 8px color-mix(in srgb,var(--color-success) 50%,transparent)}.ladder-canvas{display:flex;flex-direction:column;height:100%;background:var(--color-background);border-radius:var(--radius-sm);overflow:hidden}.ladder-canvas-header{display:flex;align-items:center;padding:8px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:12px;position:relative;z-index:1}.ladder-canvas-title{font-weight:600;color:var(--color-foreground)}.ladder-canvas-content{flex:1;position:relative}.ladder-canvas .react-flow,.ladder-canvas .react-flow__background{background:var(--color-background)}.ladder-canvas .react-flow__controls{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.ladder-canvas .react-flow__controls-button{background:var(--color-surface);border-bottom:1px solid var(--color-border);fill:var(--color-foreground)}.ladder-canvas .react-flow__controls-button:hover{background:var(--color-elevated)}.ladder-canvas .react-flow__controls-button:last-child{border-bottom:none}.ladder-canvas .react-flow__minimap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.ladder-canvas .react-flow__minimap-mask{fill:color-mix(in srgb,var(--color-background) 80%,transparent)}.ladder-canvas .react-flow__edge-path{stroke:var(--color-foreground);stroke-width:2}.ladder-canvas .react-flow__edge.selected .react-flow__edge-path{stroke:var(--color-accent);stroke-width:3}.ladder-canvas .react-flow__edge.animated .react-flow__edge-path{stroke:var(--color-success);animation:flowAnimation 1s linear infinite}@keyframes flowAnimation{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.ladder-canvas .react-flow__connection-path{stroke:var(--color-accent);stroke-width:2;stroke-dasharray:5 5}.ladder-canvas .react-flow__selection{background:var(--color-accent-muted);border:1px dashed var(--color-accent)}.ladder-canvas .react-flow__attribution{display:none}@media (max-width: 768px){.ladder-canvas-header{display:none}.ladder-canvas{border-radius:0}.ladder-canvas .react-flow__node{cursor:pointer}.ladder-canvas .react-flow__node.selected{box-shadow:0 0 0 2px var(--color-accent),0 4px 12px color-mix(in srgb,var(--color-accent) 30%,transparent)}.ladder-canvas .react-flow__node{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ladder-canvas .react-flow__pane{cursor:grab}.ladder-canvas .react-flow__pane:active{cursor:grabbing}.ladder-canvas .react-flow__viewport{touch-action:none}.ladder-canvas .react-flow__controls,.ladder-canvas .react-flow__minimap{display:none}.ladder-canvas .react-flow__background{pointer-events:none}}@media (min-width: 600px) and (max-width: 768px){.ladder-canvas .react-flow__controls{display:block;opacity:.6;transition:opacity .2s}.ladder-canvas .react-flow__controls:hover{opacity:1}}.quick-reference{display:flex;flex-direction:column;width:300px;height:100%;background:var(--color-surface);border-left:1px solid var(--color-border);overflow:hidden}.quick-reference__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--color-background);border-bottom:1px solid var(--color-border);flex-shrink:0}.quick-reference__title{margin:0;font-size:12px;font-weight:600;color:var(--color-foreground)}.quick-reference__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s,color .15s}.quick-reference__close:hover{background-color:var(--color-toolbar);color:var(--color-foreground)}.quick-reference__content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.quick-reference__categories{flex:1;overflow-y:auto;min-height:0}.quick-reference__content:has(.quick-reference__detail) .quick-reference__categories{flex:0 0 auto;max-height:45%;border-bottom:1px solid var(--color-border)}.quick-reference__category{border-bottom:1px solid var(--color-border-subtle)}.quick-reference__category:last-child{border-bottom:none}.quick-reference__category-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--color-foreground);font-size:12px;font-weight:500;text-align:left;cursor:pointer;transition:background-color .15s}.quick-reference__category-header:hover{background-color:var(--color-elevated)}.quick-reference__chevron{flex-shrink:0;transition:transform .2s}.quick-reference__category-header--expanded .quick-reference__chevron{transform:rotate(0)}.quick-reference__category-header:not(.quick-reference__category-header--expanded) .quick-reference__chevron{transform:rotate(-90deg)}.quick-reference__items{margin:0;padding:0 0 8px;list-style:none}.quick-reference__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 12px 6px 32px;border:none;background:transparent;color:var(--color-muted);font-size:12px;text-align:left;cursor:pointer;transition:background-color .15s}.quick-reference__item:hover{background-color:var(--color-elevated);color:var(--color-foreground)}.quick-reference__item--selected{background-color:var(--color-accent-muted);color:var(--color-foreground)}.quick-reference__item code{color:var(--color-syntax-type);font-family:var(--font-mono);font-size:11px}.quick-reference__item-sig{color:var(--color-muted-foreground);font-size:10px;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-reference__detail{flex:1;padding:12px;overflow-y:auto;background:var(--color-background);min-height:0}.quick-reference__detail-header{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--color-border)}.quick-reference__detail-name{display:block;font-size:15px;font-weight:600;color:var(--color-syntax-type);font-family:var(--font-mono);margin-bottom:6px}.quick-reference__detail-sig{display:block;font-size:11px;color:var(--color-muted);font-family:var(--font-mono)}.quick-reference__detail-desc{margin:0 0 12px;font-size:12px;line-height:1.5;color:var(--color-foreground)}.quick-reference__detail-section{margin-top:12px}.quick-reference__detail-section h4{margin:0 0 8px;font-size:11px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.quick-reference__detail-section ul{margin:0;padding:0;list-style:none}.quick-reference__detail-section li{padding:4px 0;font-size:11px;line-height:1.4}.quick-reference__detail-section li code{color:var(--color-info);font-family:var(--font-mono)}.quick-reference__detail-section .param-type{color:var(--color-syntax-type)}.quick-reference__detail-section .param-desc{color:var(--color-muted)}.quick-reference__example{margin:8px 0 0;padding:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);color:var(--color-foreground);overflow-x:auto;white-space:pre;line-height:1.4}.quick-reference__see-also{margin-top:12px;padding-top:10px;border-top:1px solid var(--color-border);font-size:11px;color:var(--color-muted-foreground)}.quick-reference__categories::-webkit-scrollbar,.quick-reference__detail::-webkit-scrollbar{width:8px}.quick-reference__categories::-webkit-scrollbar-track,.quick-reference__detail::-webkit-scrollbar-track{background:transparent}.quick-reference__categories::-webkit-scrollbar-thumb,.quick-reference__detail::-webkit-scrollbar-thumb{background:var(--color-toolbar);border-radius:var(--radius-sm)}.quick-reference__categories::-webkit-scrollbar-thumb:hover,.quick-reference__detail::-webkit-scrollbar-thumb:hover{background:var(--color-border)}.st-editor{display:flex;flex-direction:column;height:100%;background:var(--color-background);color:var(--color-foreground);border-radius:var(--radius-sm);overflow:hidden}.st-editor-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:12px}.st-editor-title{font-weight:600;color:var(--color-foreground)}.st-editor-program-name{color:var(--color-muted);font-style:italic}.st-editor-header-spacer{flex:1}.st-editor-help-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s,color .15s}.st-editor-help-btn:hover{background-color:var(--color-accent-muted);color:var(--color-foreground)}.st-editor-help-btn--active{background-color:var(--color-accent-muted);color:var(--color-accent)}.st-editor-body{flex:1;display:flex;overflow:hidden}.st-editor-content{flex:1;overflow:hidden}.st-editor-content .cm-editor{height:100%}.st-editor .cm-gutters{background:var(--color-background);border-right:1px solid var(--color-border);color:var(--color-muted)}.st-editor .cm-activeLineGutter,.st-editor .cm-activeLine{background:var(--color-elevated)}.st-editor .cm-cursor{border-left-color:var(--color-foreground)}.st-editor .cm-selectionBackground{background:color-mix(in srgb,var(--color-accent) 25%,transparent)!important}.st-editor .tok-keyword{color:var(--color-syntax-keyword);font-weight:700}.st-editor .tok-controlKeyword{color:var(--color-syntax-control)}.st-editor .tok-definitionKeyword{color:var(--color-syntax-keyword)}.st-editor .tok-typeName{color:var(--color-syntax-type)}.st-editor .tok-variableName{color:var(--color-info)}.st-editor .tok-number{color:var(--color-success)}.st-editor .tok-string{color:var(--color-syntax-string)}.st-editor .tok-bool{color:var(--color-syntax-keyword)}.st-editor .tok-literal{color:var(--color-syntax-literal)}.st-editor .tok-comment{color:var(--color-syntax-comment);font-style:italic}.st-editor .tok-operator{color:var(--color-foreground)}.st-editor .tok-logicOperator{color:var(--color-syntax-keyword)}.st-editor .tok-compareOperator{color:var(--color-foreground)}.st-editor .cm-tooltip-autocomplete{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.st-editor .cm-tooltip-autocomplete ul li{padding:4px 8px}.st-editor .cm-tooltip-autocomplete ul li[aria-selected]{background:var(--color-accent-muted)}.st-editor .cm-completionLabel{color:var(--color-foreground)}.st-editor .cm-completionDetail{color:var(--color-muted);font-style:italic;margin-left:8px}.st-editor .cm-completionIcon-keyword:after{content:"K";color:var(--color-syntax-control)}.st-editor .cm-completionIcon-type:after{content:"T";color:var(--color-syntax-type)}.st-editor .cm-completionIcon-snippet:after{content:"S";color:var(--color-syntax-literal)}.st-editor .cm-completionIcon-constant:after{content:"C";color:var(--color-syntax-keyword)}.st-editor .cm-completionInfo{padding:8px 12px;max-width:400px;max-height:300px;overflow:auto;background:var(--color-elevated);border-left:1px solid var(--color-border);font-size:12px;line-height:1.5}.st-editor .cm-completion-info{color:var(--color-foreground)}.st-hover-tooltip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:12px;max-width:450px;max-height:350px;overflow:auto;font-size:13px;line-height:1.5;box-shadow:0 4px 16px color-mix(in srgb,var(--color-background) 80%,transparent)}.st-hover-tooltip .doc-signature{font-family:var(--font-mono);background:var(--color-background);padding:6px 10px;border-radius:var(--radius-sm);margin-bottom:10px;font-size:12px}.st-hover-tooltip .doc-signature code{color:var(--color-syntax-type)}.st-hover-tooltip .doc-description{color:var(--color-foreground);margin-bottom:10px}.st-hover-tooltip .doc-section{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.st-hover-tooltip .doc-section strong{color:var(--color-foreground);display:block;margin-bottom:6px}.st-hover-tooltip .doc-section ul{margin:0;padding-left:16px;list-style-type:disc}.st-hover-tooltip .doc-section li{margin:4px 0;color:var(--color-muted)}.st-hover-tooltip .doc-section li code{color:var(--color-info);font-family:var(--font-mono);font-size:11px}.st-hover-tooltip .doc-section pre{background:var(--color-background);padding:8px 10px;border-radius:var(--radius-sm);margin:8px 0 0;font-size:11px;font-family:var(--font-mono);overflow-x:auto;color:var(--color-foreground)}.st-hover-tooltip .doc-see-also{margin-top:10px;padding-top:8px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:11px}.variable-watch{display:flex;flex-direction:column;background:var(--color-surface);overflow:hidden;flex:1;min-height:0}.variable-watch.collapsed{flex:0 0 auto}.variable-watch.expanded{flex:1;min-height:0}.watch-header{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--color-elevated);border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.watch-header:hover{background:var(--color-toolbar)}.watch-chevron{font-size:10px;color:var(--color-muted-foreground);width:12px;text-align:center}.watch-title{font-size:11px;font-weight:600;color:var(--color-foreground);text-transform:uppercase;letter-spacing:.5px}.watch-badge{background:var(--color-accent);color:var(--color-background);font-size:9px;padding:1px 5px;border-radius:8px;margin-left:auto}.watch-status{font-size:10px;color:var(--color-muted-foreground);margin-left:4px}.watch-status.running{color:var(--color-success)}.watch-status.paused{color:var(--color-warning)}.watch-tabs{display:flex;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.watch-tab{flex:1;padding:6px 4px;background:transparent;border:none;color:var(--color-muted-foreground);font-size:10px;cursor:pointer;transition:all .15s}.watch-tab:hover{background:var(--color-elevated);color:var(--color-foreground)}.watch-tab.active{background:var(--color-surface);color:var(--color-foreground);border-bottom:2px solid var(--color-accent)}.watch-content{flex:1;overflow-y:auto;padding:8px}.watch-empty{display:flex;align-items:center;justify-content:center;height:60px;color:var(--color-muted-foreground);font-size:11px;font-style:italic}.watch-list{display:flex;flex-direction:column;gap:6px}.watch-item{display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--color-elevated);border-radius:var(--radius-sm);font-size:11px}.item-name{color:var(--color-info);font-family:var(--font-mono);font-weight:500}.item-type{color:var(--color-accent);font-size:10px}.item-value{color:var(--color-success);cursor:pointer;padding:2px 4px;border-radius:2px}.item-value:hover{background:var(--color-toolbar)}.bool-item{flex-direction:row;align-items:center;justify-content:space-between}.bool-toggle{padding:4px 8px;border:none;border-radius:var(--radius-sm);font-size:10px;font-weight:600;cursor:pointer;transition:all .15s}.bool-toggle.on{background:var(--color-success);color:var(--color-background)}.bool-toggle.off{background:var(--color-toolbar);color:var(--color-muted)}.bool-toggle.small{padding:2px 6px;font-size:9px}.number-item{flex-direction:row;align-items:center;gap:8px}.number-input{width:80px;padding:4px 6px;background:var(--color-background);border:1px solid var(--color-accent);border-radius:2px;color:var(--color-foreground);font-size:11px;font-family:var(--font-mono)}.number-input:focus{outline:none;border-color:var(--color-accent-hover)}.timer-item{gap:6px}.timer-header{display:flex;align-items:center;justify-content:space-between}.timer-details{display:flex;flex-direction:column;gap:4px}.timer-bar{height:6px;background:var(--color-toolbar);border-radius:3px;overflow:hidden}.timer-progress{height:100%;background:var(--color-accent);transition:width .1s linear}.timer-values{display:flex;justify-content:space-between;font-size:10px;color:var(--color-muted)}.timer-q{color:var(--color-destructive)}.timer-q.active{color:var(--color-success);font-weight:600}.counter-item{gap:6px}.counter-header{display:flex;align-items:center;justify-content:space-between}.counter-value{font-family:var(--font-mono);color:var(--color-success)}.counter-controls{display:flex;gap:4px}.counter-btn{flex:1;padding:4px 8px;background:var(--color-toolbar);border:none;border-radius:2px;color:var(--color-foreground);font-size:10px;cursor:pointer;transition:background .15s}.counter-btn:hover{background:var(--color-elevated)}.counter-btn.reset{background:var(--color-destructive);color:var(--color-background)}.counter-btn.reset:hover{background:var(--color-accent-secondary)}.counter-outputs{display:flex;gap:12px;font-size:10px;color:var(--color-muted)}.counter-output.active{color:var(--color-success);font-weight:600}.watch-tab--props{flex:0 0 auto;padding:6px 8px;display:flex;align-items:center;justify-content:center}.watch-tab--props svg{opacity:.6}.watch-tab--props.active svg,.watch-tab--props:hover svg{opacity:1}.watch-tab--has-selection{position:relative}.watch-tab--has-selection:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--color-accent);border-radius:50%}.properties-empty{flex-direction:column;gap:12px;padding:24px 16px;text-align:center;height:auto}.properties-empty__icon{opacity:.4}.properties-list{gap:0}.properties-node-type{padding:8px;margin-bottom:8px;background:var(--color-surface);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.properties-type-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent)}.property-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px;gap:8px;border-bottom:1px solid var(--color-border)}.property-row:last-child{border-bottom:none}.property-value.mono{font-family:var(--font-mono);color:var(--color-info)}@media (max-width: 767px){.variable-watch{width:100%;border-left:none;border-top:1px solid var(--color-border-subtle)}.variable-watch.collapsed{width:100%;height:40px}.variable-watch.collapsed .watch-header{writing-mode:horizontal-tb;text-orientation:mixed;padding:8px 12px;justify-content:space-between}}.properties-panel{display:flex;flex-direction:column;background:var(--color-surface);overflow:hidden;flex-shrink:0}.properties-panel.collapsed,.properties-panel.expanded{flex:0 0 auto}.properties-header{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--color-elevated);border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.properties-header:hover{background:var(--color-toolbar)}.properties-chevron{font-size:10px;color:var(--color-muted-foreground);width:12px;text-align:center}.properties-title{font-size:11px;font-weight:600;color:var(--color-foreground);text-transform:uppercase;letter-spacing:.5px}.properties-badge{color:var(--color-accent);font-size:14px;line-height:1;margin-left:auto}.properties-content{padding:6px 0;overflow-y:auto;max-height:200px}.properties-empty{padding:12px 10px;color:var(--color-muted-foreground);font-size:11px;text-align:center;font-style:italic}.properties-type-row{padding:4px 10px 6px;display:flex;justify-content:center}.properties-type-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent);background:var(--color-accent-muted);padding:2px 8px;border-radius:3px}.property-row{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 10px;gap:8px}.property-row:hover{background:var(--color-elevated)}.property-label{font-size:11px;color:var(--color-muted);flex-shrink:0}.property-value{font-size:11px;color:var(--color-foreground);text-align:right;word-break:break-word}.property-value.mono{font-family:var(--font-mono);font-size:10px;color:var(--color-info)}@media (max-width: 767px){.properties-panel{width:100%;border-left:none}.properties-header{padding:10px 12px}.properties-content{padding:8px 0;max-height:none}.property-row{padding:6px 12px}}.file-tabs{display:flex;align-items:center;gap:2px;max-width:400px;overflow:hidden}.file-tabs-list{display:flex;align-items:center;gap:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.file-tabs-list::-webkit-scrollbar{display:none}.file-tab{display:flex;align-items:center;gap:4px;padding:6px 8px;background:var(--color-elevated);border:none;border-bottom:2px solid transparent;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--color-muted);font-size:12px;cursor:pointer;white-space:nowrap;max-width:150px;transition:all .15s}.file-tab:hover{background:var(--color-surface);color:var(--color-foreground)}.file-tab.active{background:var(--color-surface);border-bottom-color:var(--color-accent);color:var(--color-foreground)}.file-tab.dirty .file-tab-name,.file-tab.dirty.active .file-tab-name{color:var(--color-warning)}.file-tab-name{overflow:hidden;text-overflow:ellipsis;max-width:100px}.dirty-indicator{color:var(--color-warning);margin-left:2px}.file-tab-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:transparent;border:none;border-radius:3px;color:var(--color-muted-foreground);font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:all .15s}.file-tab:hover .file-tab-close{opacity:1}.file-tab-close:hover{background:var(--color-accent-muted);color:var(--color-foreground)}.file-tab-new{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-muted-foreground);font-size:16px;cursor:pointer;transition:all .15s;flex-shrink:0}.file-tab-new:hover{background:var(--color-elevated);color:var(--color-foreground)}.open-menu{position:relative;z-index:9999}.open-menu .toolbar-btn{display:flex;align-items:center;gap:4px}.open-menu .dropdown-caret{font-size:8px;opacity:.7;margin-left:2px}.open-menu-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:260px;background:var(--color-surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px color-mix(in srgb,var(--color-background) 70%,transparent);z-index:10000;overflow:hidden}.open-menu-section{padding:4px 0}.open-menu-header{padding:8px 12px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.open-menu-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;transition:background-color .15s}.open-menu-option:hover{background:var(--bg-hover)}.open-menu-option:active{background:var(--bg-active)}.open-menu-option .option-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.open-menu-option .option-text{display:flex;flex-direction:column;gap:2px;min-width:0}.open-menu-option .option-title{font-size:13px;font-weight:500;color:var(--text-primary)}.open-menu-option .option-desc{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.open-menu-divider{height:1px;background:var(--border-color);margin:4px 0}.error-panel{background:color-mix(in srgb,var(--color-destructive) 10%,var(--color-background));border-top:1px solid color-mix(in srgb,var(--color-destructive) 30%,var(--color-border));font-size:13px}.error-panel-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:var(--color-destructive);cursor:pointer;text-align:left}.error-panel-header:hover{background:color-mix(in srgb,var(--color-destructive) 15%,transparent)}.error-panel-icon{font-size:10px;color:var(--color-muted)}.error-panel-summary{display:flex;align-items:center;gap:4px}.error-count{color:var(--color-destructive);font-weight:500}.warning-count{color:var(--color-warning);font-weight:500}.separator{color:var(--color-muted)}.error-panel-content{padding:0 12px 12px;max-height:200px;overflow-y:auto}.section-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-muted);margin:8px 0 4px}.error-section .section-header{color:var(--color-destructive)}.warning-section .section-header{color:var(--color-warning)}.error-item,.warning-item{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer}.error-item:hover{background:color-mix(in srgb,var(--color-destructive) 15%,transparent)}.warning-item:hover{background:color-mix(in srgb,var(--color-warning) 15%,transparent)}.error-icon{color:var(--color-destructive);font-size:12px;flex-shrink:0;margin-top:2px}.warning-icon{color:var(--color-warning);font-size:12px;flex-shrink:0;margin-top:2px}.error-message,.warning-message{flex:1;color:var(--color-foreground);word-break:break-word}.error-location,.warning-location{flex-shrink:0;font-size:11px;color:var(--color-muted);font-family:var(--font-mono)}.error-item,.warning-item{flex-direction:column}.error-item-main{display:flex;align-items:flex-start;gap:8px;width:100%}.error-item-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s,transform .15s;margin-left:auto}.error-item-toggle:hover{background-color:var(--color-accent-muted);color:var(--color-foreground)}.error-item-toggle svg{transition:transform .2s}.error-item-toggle svg.rotated{transform:rotate(180deg)}.error-item-details{margin-top:8px;margin-left:20px;padding:10px 12px;background:color-mix(in srgb,var(--color-background) 80%,transparent);border-radius:var(--radius);border-left:3px solid var(--color-destructive)}.warning-item .error-item-details{border-left-color:var(--color-warning)}.error-details-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.error-code{font-family:var(--font-mono);font-size:11px;color:var(--color-muted);background:var(--color-accent-muted);padding:2px 6px;border-radius:3px}.error-category{font-size:11px;color:var(--color-muted)}.error-suggestions{margin-top:8px}.suggestions-label{display:block;font-size:11px;font-weight:600;color:var(--color-muted);margin-bottom:6px}.error-suggestions ul{margin:0;padding:0 0 0 16px;list-style-type:disc}.error-suggestions li{font-size:12px;color:var(--color-foreground);line-height:1.5;margin:4px 0}.error-learn-more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;border:none;background:var(--color-accent-muted);color:var(--color-accent);font-size:12px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s}.error-learn-more:hover{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.error-learn-more svg{flex-shrink:0}.onboarding-toast{position:fixed;z-index:10000;max-width:360px;min-width:280px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 24px color-mix(in srgb,var(--color-background) 80%,transparent);padding:16px 16px 12px;overflow:hidden;animation:toast-enter .2s ease-out}.onboarding-toast--centered{max-width:400px}.onboarding-toast--fading{animation:toast-fade-out .8s ease-out forwards}@keyframes toast-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-fade-out{0%{opacity:1}to{opacity:0}}.onboarding-toast__close{position:absolute;top:10px;right:10px;width:24px;height:24px;border:none;background:transparent;color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s}.onboarding-toast__close:hover{background-color:var(--color-toolbar);color:var(--color-foreground)}.onboarding-toast__close:focus{outline:2px solid var(--color-accent);outline-offset:2px}.onboarding-toast__content{padding-right:20px;margin-bottom:16px}.onboarding-toast__title{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--color-foreground);line-height:1.3}.onboarding-toast__body{margin:0;font-size:13px;color:var(--color-muted);line-height:1.5}.onboarding-toast__tip{margin:12px 0 0;padding:10px 12px;background-color:color-mix(in srgb,var(--color-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 20%,transparent);border-radius:var(--radius-sm);font-size:12px;color:var(--color-warning);line-height:1.4;display:flex;align-items:flex-start;gap:8px}.onboarding-toast__tip .tip-icon{flex-shrink:0;font-size:13px}.onboarding-toast__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.onboarding-toast__dots{display:flex;gap:6px}.onboarding-toast__dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-border);transition:background-color .2s,transform .2s}.onboarding-toast__dot--active{background-color:var(--color-accent);transform:scale(1.2)}.onboarding-toast__actions{display:flex;gap:8px}.onboarding-toast__btn-primary,.onboarding-toast__btn-secondary{padding:7px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:background-color .15s,transform .1s;border:none}.onboarding-toast__btn-primary{background-color:var(--color-accent);color:var(--color-background)}.onboarding-toast__btn-primary:hover{background-color:var(--color-accent-hover)}.onboarding-toast__btn-primary:active{transform:scale(.97)}.onboarding-toast__btn-secondary{background-color:var(--color-toolbar);color:var(--color-foreground)}.onboarding-toast__btn-secondary:hover{background-color:var(--color-border)}.onboarding-toast__btn-secondary:active{transform:scale(.97)}.onboarding-toast__btn-primary:focus,.onboarding-toast__btn-secondary:focus{outline:2px solid var(--color-accent);outline-offset:2px}.onboarding-toast__progress{position:absolute;bottom:0;left:0;height:3px;background:var(--color-accent);border-radius:0 0 0 8px;transition:width .1s linear}@media (max-width: 767px){.onboarding-toast{max-width:calc(100vw - 32px);min-width:unset;left:16px!important;right:16px!important;transform:none!important}.onboarding-toast--centered{top:50%!important;transform:translateY(-50%)!important;left:16px!important;right:16px!important}.onboarding-toast__title{font-size:13px}.onboarding-toast__body{font-size:12px}.onboarding-toast__actions{flex-wrap:wrap}.onboarding-toast__btn-primary,.onboarding-toast__btn-secondary{flex:1;min-width:80px;text-align:center}}@media (prefers-reduced-motion: reduce){.onboarding-toast{animation:none}.onboarding-toast--fading{animation:none;opacity:0}}.element-highlight{position:fixed;border:2px solid color-mix(in srgb,var(--color-accent) 60%,transparent);border-radius:var(--radius-md);pointer-events:none;z-index:9998;animation:highlight-pulse 2s ease-in-out infinite;box-shadow:0 0 20px color-mix(in srgb,var(--color-accent) 30%,transparent),inset 0 0 20px color-mix(in srgb,var(--color-accent) 5%,transparent)}@keyframes highlight-pulse{0%,to{opacity:1;border-color:color-mix(in srgb,var(--color-accent) 60%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--color-accent) 30%,transparent),inset 0 0 20px color-mix(in srgb,var(--color-accent) 5%,transparent)}50%{opacity:.7;border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--color-accent) 40%,transparent),inset 0 0 30px color-mix(in srgb,var(--color-accent) 8%,transparent)}}@media (prefers-reduced-motion: reduce){.element-highlight{animation:none;opacity:.8}}.tutorial-lightbulb{display:flex;align-items:center;justify-content:center;width:24px;height:20px;padding:0;border:none;background:transparent;color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);position:relative;transition:color .15s,background-color .15s}.tutorial-lightbulb:hover{color:var(--color-warning);background-color:var(--color-elevated)}.tutorial-lightbulb:focus{outline:none;color:var(--color-warning)}.tutorial-lightbulb:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tutorial-lightbulb--completed{color:var(--color-muted-foreground)}.tutorial-lightbulb--completed:hover{color:var(--color-warning)}.tutorial-lightbulb--animating{animation:lightbulb-receive .6s ease-out}.tutorial-lightbulb--animating .lightbulb-icon{animation:lightbulb-glow .6s ease-out}@keyframes lightbulb-receive{0%{transform:scale(1)}30%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes lightbulb-glow{0%{filter:brightness(1);color:inherit}30%{filter:brightness(1.5) drop-shadow(0 0 8px color-mix(in srgb,var(--color-warning) 80%,transparent));color:var(--color-warning)}to{filter:brightness(1);color:inherit}}.tutorial-lightbulb__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:12px;color:var(--color-foreground);white-space:nowrap;pointer-events:none;z-index:10001;box-shadow:0 2px 8px color-mix(in srgb,var(--color-background) 70%,transparent);animation:tooltip-fade-in .15s ease-out}.tutorial-lightbulb__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-surface)}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (prefers-reduced-motion: reduce){.tutorial-lightbulb--animating,.tutorial-lightbulb--animating .lightbulb-icon,.tutorial-lightbulb__tooltip{animation:none}}.bug-report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-background) 60%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:20px}.bug-report-modal{display:flex;flex-direction:column;width:100%;max-width:600px;max-height:90vh;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 16px 48px color-mix(in srgb,var(--color-background) 80%,transparent);overflow:hidden}.bug-report-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.bug-report-header h2{margin:0;font-size:14px;font-weight:600;color:var(--color-foreground)}.bug-report-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s,color .15s}.bug-report-close:hover{background:var(--color-toolbar);color:var(--color-foreground)}.bug-report-content{flex:1;padding:16px;overflow-y:auto}.bug-report-intro{margin:0 0 14px;font-size:13px;color:var(--color-muted);line-height:1.5}.bug-report-form{display:flex;flex-direction:column;gap:14px}.bug-report-field{display:flex;flex-direction:column;gap:6px}.bug-report-field label{font-size:12px;font-weight:500;color:var(--color-foreground)}.bug-report-field .required{color:var(--color-destructive)}.bug-report-field textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-elevated);color:var(--color-foreground);font-size:13px;font-family:inherit;resize:vertical;min-height:60px;transition:border-color .15s}.bug-report-field textarea::placeholder{color:var(--color-muted-foreground)}.bug-report-field textarea:focus{outline:none;border-color:var(--color-accent)}.bug-report-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 500px){.bug-report-field-row{grid-template-columns:1fr}}.bug-report-options{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--color-surface);border-radius:var(--radius-sm)}.bug-report-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer}.bug-report-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-accent)}.bug-report-checkbox span{font-size:12px;color:var(--color-muted)}.bug-report-preview{margin-top:8px}.bug-report-preview summary{font-size:12px;color:var(--color-accent);cursor:pointer}.bug-report-preview summary:hover{text-decoration:underline}.bug-report-preview-content{margin-top:10px;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);color:var(--color-muted);white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}.bug-report-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 16px;background:var(--color-surface);border-top:1px solid var(--color-border)}.bug-report-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s,opacity .15s}.bug-report-btn:disabled{opacity:.5;cursor:not-allowed}.bug-report-btn--secondary{background:var(--color-toolbar);color:var(--color-foreground)}.bug-report-btn--secondary:hover:not(:disabled){background:var(--color-border)}.bug-report-btn--primary{background:var(--color-accent);color:var(--color-background)}.bug-report-btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.help-menu{position:relative;display:flex;align-items:center}.help-menu__trigger{display:flex;align-items:center;justify-content:center;width:24px;height:20px;padding:0;border:none;background:transparent;color:var(--color-muted);cursor:pointer;border-radius:3px;transition:color .15s,background-color .15s}.help-menu__trigger:hover,.help-menu__trigger--active{color:var(--color-foreground);background-color:var(--color-accent-muted)}.help-menu__trigger:focus{outline:none}.help-menu__trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.help-menu__dropdown{position:absolute;bottom:calc(100% + 6px);right:0;min-width:180px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px color-mix(in srgb,var(--color-background) 80%,transparent);padding:4px;z-index:10001;animation:help-menu-enter .15s ease-out}@keyframes help-menu-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.help-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--color-foreground);font-size:12px;text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s}.help-menu__item:hover{background-color:var(--color-elevated)}.help-menu__item:focus{outline:none;background-color:var(--color-elevated)}.help-menu__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.help-menu__icon{flex-shrink:0;opacity:.7}.help-menu__item:hover .help-menu__icon{opacity:1}.help-menu__divider{height:1px;background-color:var(--color-border);margin:4px 6px}@media (prefers-reduced-motion: reduce){.help-menu__dropdown{animation:none}}.main-layout{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--color-background);color:var(--color-foreground);overflow:hidden}.toolbar{display:flex;align-items:center;padding:4px 8px;background:var(--color-toolbar);border-bottom:1px solid var(--color-border-subtle);gap:4px;position:relative;z-index:1000}.toolbar-group{display:flex;gap:2px}.toolbar-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-foreground);font-size:12px;cursor:pointer;transition:all .15s}.toolbar-btn:hover{background:var(--color-elevated)}.toolbar-btn:active{background:var(--color-surface)}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn:disabled:hover{background:transparent}.toolbar-btn.active{background:var(--color-accent);color:var(--color-background);box-shadow:var(--shadow-glow)}.toolbar-btn.active:hover{background:var(--color-accent-hover)}.toolbar-btn.dirty{color:var(--color-warning)}.toolbar-btn.dirty .toolbar-label{font-weight:600}.toolbar-icon{font-size:14px}.toolbar-label{font-size:12px}.toolbar-separator{width:1px;height:24px;background:var(--color-border);margin:0 8px}.toolbar-spacer{flex:1}.toolbar-status{display:flex;align-items:center;gap:6px;padding:4px 12px;background:var(--color-surface);border-radius:var(--radius-sm);font-size:12px}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--color-muted)}.status-indicator.ready{background:var(--color-success)}.status-indicator.syncing{background:var(--color-warning);animation:pulse 1s infinite}.status-indicator.error{background:var(--color-destructive)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.simulation-info{display:flex;align-items:center;gap:12px;padding:4px 12px;background:var(--color-surface);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono)}.simulation-status{color:var(--color-success);font-weight:500}.simulation-time{color:var(--color-muted)}.workspace{flex:1;display:flex;flex-direction:row;overflow:hidden;position:relative;z-index:1}.workspace-main{flex:1;overflow:hidden;padding:8px}.workspace-sidebar{display:flex;flex-direction:column;width:200px;flex-shrink:0;overflow:hidden;border-left:1px solid var(--color-border);background:var(--color-surface)}.workspace-sidebar>*:not(:last-child){border-bottom:1px solid var(--color-border)}.resize-handle{background:var(--color-border-subtle);transition:background-color .15s}.resize-handle:hover{background:var(--color-accent)}.resize-handle.horizontal{height:6px;margin:4px 0;cursor:row-resize}.resize-handle.vertical{width:6px;margin:0 4px;cursor:col-resize}.status-bar{display:flex;align-items:center;padding:4px 12px;background:var(--color-accent);color:var(--color-background);font-size:12px}.status-bar-item{padding:0 8px}.status-bar-spacer{flex:1}.status-bar-actions{display:flex;align-items:center;gap:4px;margin-left:8px}.bottom-tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--mobile-tabbar-height) + var(--mobile-safe-bottom));padding-bottom:var(--mobile-safe-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:100;box-shadow:inset 0 1px 0 var(--color-border-subtle),0 -1px 0 var(--color-accent-muted),0 -3px 16px color-mix(in srgb,var(--color-background) 70%,transparent)}.bottom-tab-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--mobile-safe-bottom);background:var(--color-surface);pointer-events:none}.tab-indicator{position:absolute;top:0;left:0;width:25%;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent) 20%,var(--color-accent) 80%,transparent);box-shadow:var(--shadow-glow);transition:transform var(--mobile-transition-indicator);will-change:transform}.tab-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--mobile-tabbar-height);background:transparent;border:none;color:var(--color-muted-foreground);font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:all var(--mobile-transition-fast);-webkit-tap-highlight-color:transparent;min-height:44px}.tab-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--color-accent-muted),transparent 50%);opacity:0;transition:opacity var(--mobile-transition-fast)}.tab-button:active{transform:scale(.94)}.tab-button.active{color:var(--color-accent)}.tab-button.active:before{opacity:1}.tab-icon{font-size:19px;line-height:1;transition:all var(--mobile-transition-fast);font-style:normal;font-weight:400}.tab-button.active .tab-icon{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-accent) 40%,transparent));transform:translateY(-1px)}.tab-label{font-size:8px;font-weight:600;letter-spacing:.04em;transition:all var(--mobile-transition-fast)}.tab-button.active .tab-label{font-weight:700;text-shadow:0 0 8px color-mix(in srgb,var(--color-accent) 30%,transparent)}.tab-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;z-index:1}@media (prefers-reduced-motion: reduce){.tab-indicator,.tab-button,.tab-icon,.tab-label{transition-duration:0ms}}@media (orientation: landscape) and (max-height: 500px){.bottom-tab-bar{height:calc(40px + var(--mobile-safe-bottom))}.tab-button{height:40px;min-height:38px;gap:1px}.tab-icon{font-size:15px}.tab-label{font-size:7px}}.mobile-properties-sheet{position:fixed;left:0;right:0;bottom:calc(var(--mobile-tabbar-height) + var(--mobile-safe-bottom));background:var(--mobile-bg-surface);border-top:1px solid var(--mobile-border-accent);border-radius:16px 16px 0 0;box-shadow:0 -4px 24px color-mix(in srgb,var(--color-background) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--color-accent) 8%,transparent);transition:all .28s cubic-bezier(.4,0,.2,1);z-index:50;cursor:pointer;-webkit-tap-highlight-color:transparent;pointer-events:auto}.mobile-properties-sheet.collapsed{max-height:72px;overflow:hidden}.mobile-properties-sheet.collapsed .properties-sheet-content{opacity:.6;pointer-events:none}.mobile-properties-sheet.expanded{max-height:60vh;cursor:default}.mobile-properties-sheet.expanded .properties-sheet-content{opacity:1;pointer-events:auto}.mobile-properties-sheet.collapsed.wiggled{animation:sheetWiggle .6s cubic-bezier(.36,0,.66,-.56) .2s}@keyframes sheetWiggle{0%,to{transform:translateY(0)}10%,30%,50%{transform:translateY(-8px)}20%,40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.properties-sheet-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 16px 8px;gap:4px;cursor:pointer;transition:background var(--mobile-transition-fast);-webkit-tap-highlight-color:transparent}.properties-sheet-header:active{background:var(--mobile-bg-elevated)}.sheet-handle{width:40px;height:4px;background:var(--mobile-border-accent);border-radius:2px;transition:all var(--mobile-transition-fast)}.mobile-properties-sheet.expanded .sheet-handle{background:var(--mobile-accent-primary);box-shadow:0 0 8px color-mix(in srgb,var(--color-accent) 40%,transparent)}.sheet-title{font-family:SF Mono,Monaco,Consolas,monospace;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mobile-text-tertiary);transition:color var(--mobile-transition-fast)}.mobile-properties-sheet.expanded .sheet-title{color:var(--mobile-text-secondary)}.properties-sheet-content{max-height:calc(60vh - 60px);overflow-y:auto;overflow-x:hidden;transition:opacity var(--mobile-transition-base)}.properties-sheet-content{-webkit-overflow-scrolling:touch}.mobile-properties-sheet.expanded .properties-sheet-content::-webkit-scrollbar{width:6px}.mobile-properties-sheet.expanded .properties-sheet-content::-webkit-scrollbar-track{background:var(--mobile-bg-base)}.mobile-properties-sheet.expanded .properties-sheet-content::-webkit-scrollbar-thumb{background:var(--mobile-border-accent);border-radius:3px}.mobile-properties-sheet.expanded .properties-sheet-content::-webkit-scrollbar-thumb:hover{background:var(--mobile-accent-primary)}.mobile-layout[data-keyboard=visible] .mobile-properties-sheet{bottom:calc(var(--mobile-tabbar-height) + var(--mobile-safe-bottom) + var(--keyboard-height, 0px))}@media (prefers-reduced-motion: reduce){.mobile-properties-sheet,.properties-sheet-backdrop,.sheet-handle,.sheet-title,.properties-sheet-content{transition-duration:0ms;animation:none}}@media (orientation: landscape) and (max-height: 500px){.mobile-properties-sheet.collapsed{max-height:60px}.mobile-properties-sheet.expanded{max-height:70vh}.properties-sheet-header{padding:8px 14px 6px}.sheet-title{font-size:8px}}@media (min-width: 600px) and (max-width: 767px){.mobile-properties-sheet.collapsed{max-height:80px}.mobile-properties-sheet.expanded{max-height:55vh}}.help-view{display:flex;flex-direction:column;height:100%;background:var(--mobile-bg-base);overflow-y:auto;-webkit-overflow-scrolling:touch}.help-view-header{padding:24px 16px;background:var(--mobile-bg-surface);border-bottom:1px solid var(--mobile-border)}.help-view-title{margin:0 0 6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--mobile-text-primary)}.help-view-subtitle{margin:0;font-size:13px;color:var(--mobile-text-secondary);line-height:1.5}.help-actions{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px}.help-action-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--mobile-bg-surface);border:1px solid var(--mobile-border);border-radius:10px;cursor:pointer;transition:all var(--mobile-transition-fast);-webkit-tap-highlight-color:transparent;text-align:left;box-shadow:0 1px 3px color-mix(in srgb,var(--color-background) 60%,transparent),inset 0 1px color-mix(in srgb,white 3%,transparent)}.help-action-card:active{transform:scale(.98);background:var(--mobile-bg-elevated);border-color:var(--mobile-accent-primary);box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent) 20%,transparent),inset 0 1px color-mix(in srgb,white 5%,transparent)}.help-action-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--mobile-bg-elevated);border:1px solid var(--mobile-border-accent);border-radius:8px;color:var(--mobile-accent-primary);transition:all var(--mobile-transition-fast)}.help-action-card:active .help-action-icon{border-color:var(--mobile-accent-primary);box-shadow:0 0 12px color-mix(in srgb,var(--color-accent) 30%,transparent)}.help-action-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.help-action-label{font-size:15px;font-weight:600;color:var(--mobile-text-primary);transition:color var(--mobile-transition-fast)}.help-action-card:active .help-action-label{color:var(--mobile-accent-primary)}.help-action-description{font-size:12px;color:var(--mobile-text-tertiary);line-height:1.4}.help-action-arrow{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--mobile-text-tertiary);transition:all var(--mobile-transition-fast)}.help-action-card:active .help-action-arrow{color:var(--mobile-accent-primary);transform:translate(3px)}.help-view-footer{padding:20px 16px;display:flex;justify-content:center;gap:32px;background:var(--mobile-bg-surface);border-top:1px solid var(--mobile-border);margin-top:auto}.help-footer-section{display:flex;flex-direction:column;align-items:center;gap:4px}.help-footer-label{font-family:SF Mono,Monaco,Consolas,monospace;font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mobile-text-tertiary)}.help-footer-value{font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;font-weight:600;color:var(--mobile-text-secondary)}.help-action-card:focus-visible{outline:2px solid var(--mobile-accent-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.help-action-card,.help-action-icon,.help-action-label,.help-action-arrow{transition-duration:0ms}}@media (orientation: landscape) and (max-height: 500px){.help-view-header{padding:16px}.help-view-title{font-size:18px}.help-view-subtitle{font-size:12px}.help-actions{padding:12px;gap:10px}.help-action-card{padding:12px}.help-action-icon{width:38px;height:38px}}@media (min-width: 600px) and (max-width: 767px){.help-view-header{padding:28px 20px}.help-actions{padding:20px;gap:14px}.help-action-card{padding:18px}}:root{--mobile-toolbar-height: 40px;--mobile-tabbar-height: 48px;--mobile-safe-bottom: env(safe-area-inset-bottom, 0px);--mobile-transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--mobile-transition-base: .18s cubic-bezier(.4, 0, .2, 1);--mobile-transition-indicator: .22s cubic-bezier(.4, 0, .1, 1)}.mobile-layout{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow:hidden}.mobile-layout[data-keyboard=visible]{padding-bottom:0}.mobile-layout[data-keyboard=visible] .mobile-panel[data-view=editor]{height:calc(100% - var(--keyboard-height, 0px));transition:height .25s cubic-bezier(.4,0,.2,1)}.mobile-layout[data-keyboard=visible] .mobile-panel[data-view=editor] .st-editor{height:100%;overflow:hidden}.mobile-layout[data-keyboard=visible] .bottom-tab-bar{transform:translateY(calc(-1 * var(--keyboard-height, 0px)));transition:transform .25s cubic-bezier(.4,0,.2,1)}.mobile-layout[data-keyboard=visible] .mobile-error-panel{bottom:calc(var(--mobile-tabbar-height) + var(--mobile-safe-bottom) + var(--keyboard-height, 0px));transition:bottom .25s cubic-bezier(.4,0,.2,1)}.mobile-toolbar{height:var(--mobile-toolbar-height);min-height:var(--mobile-toolbar-height);display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:relative;z-index:100;box-shadow:inset 0 -1px 0 var(--color-border-subtle),0 1px 0 var(--color-accent-muted)}.mobile-menu-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:5px;color:var(--color-foreground);cursor:pointer;transition:all var(--mobile-transition-fast);position:relative;flex-shrink:0}.mobile-menu-btn:hover,.mobile-menu-btn:active{background:var(--color-elevated);border-color:var(--color-accent)}.mobile-menu-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-background)}.menu-icon{position:relative!important;display:block!important;width:16px;height:2px;background:var(--color-foreground);border-radius:1px;transition:all var(--mobile-transition-fast);margin:0!important;padding:0!important;transform:none}.menu-icon:before,.menu-icon:after{content:""!important;position:absolute!important;width:16px;height:2px;background:var(--color-foreground);border-radius:1px;left:0;transition:all var(--mobile-transition-fast);transform:none}.menu-icon:before{top:-5px}.menu-icon:after{top:5px}.mobile-menu-btn.active .menu-icon{background:transparent}.mobile-menu-btn.active .menu-icon:before,.mobile-menu-btn.active .menu-icon:after{background:var(--color-background)}.mobile-menu-btn.active .menu-icon:before{transform:rotate(45deg);top:0}.mobile-menu-btn.active .menu-icon:after{transform:rotate(-45deg);top:0}.mobile-toolbar-center{flex:1;min-width:0;position:relative;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:-.01em}.mobile-file-selector{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:6px 10px;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-foreground);font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:all var(--mobile-transition-fast)}.mobile-file-selector:active{background:var(--color-surface);border-color:var(--color-accent)}.file-selector-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-selector-caret{font-size:8px;color:var(--color-muted-foreground)}.dirty-dot{color:var(--color-warning);margin-left:2px}.mobile-file-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 24px color-mix(in srgb,var(--color-background) 70%,transparent),0 0 0 1px var(--color-accent-muted);animation:slideDown var(--mobile-transition-base);z-index:300;max-height:60vh;overflow-y:auto}.file-dropdown-section{border-bottom:1px solid var(--color-border)}.file-dropdown-section:last-child{border-bottom:none}.file-dropdown-header{padding:8px 12px 4px;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-foreground)}.file-dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;background:transparent;border:none;color:var(--color-foreground);font-family:inherit;font-size:12px;text-align:left;cursor:pointer;transition:all var(--mobile-transition-fast);min-height:40px}.file-dropdown-item:active{background:var(--color-elevated)}.file-dropdown-item.active{background:var(--color-accent-muted);color:var(--color-accent)}.file-item-icon{font-size:14px;opacity:.8;flex-shrink:0}.file-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dirty-indicator{color:var(--color-warning);margin-left:4px}.mobile-toolbar-status{display:flex;align-items:center;gap:4px;padding:3px 7px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:9px;letter-spacing:.02em;text-transform:uppercase;flex-shrink:0}.status-indicator{width:4px;height:4px;border-radius:50%;background:var(--color-muted-foreground);transition:all var(--mobile-transition-fast);flex-shrink:0}.status-indicator.ready{background:var(--color-success);box-shadow:0 0 8px color-mix(in srgb,var(--color-success) 40%,transparent)}.status-indicator.syncing{background:var(--color-warning);animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.status-indicator.error{background:var(--color-destructive);box-shadow:0 0 8px color-mix(in srgb,var(--color-destructive) 40%,transparent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-text{color:var(--color-muted);font-size:8px;white-space:nowrap}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--color-background) 80%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;animation:fadeIn var(--mobile-transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{position:absolute;top:calc(var(--mobile-toolbar-height) + env(safe-area-inset-top) + 6px);left:10px;right:10px;max-width:280px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 24px color-mix(in srgb,var(--color-background) 70%,transparent),0 0 0 1px var(--color-accent-muted);animation:slideDown var(--mobile-transition-base)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:12px 14px;background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-foreground);font-family:inherit;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:all var(--mobile-transition-fast);min-height:44px}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:active{background:var(--color-elevated);color:var(--color-accent)}.menu-item-icon{font-size:14px;opacity:.8;flex-shrink:0}.mobile-panels{flex:1;position:relative;overflow:hidden;background:var(--color-background)}.mobile-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-background);opacity:0;visibility:hidden;transform:translate(100%);transition:transform var(--mobile-transition-base),opacity var(--mobile-transition-fast),visibility 0s linear var(--mobile-transition-base)}.mobile-panel.active{opacity:1;visibility:visible;transform:translate(0);transition:transform var(--mobile-transition-base),opacity var(--mobile-transition-fast),visibility 0s linear 0s;z-index:10}.mobile-debug-panel{display:flex;flex-direction:column;height:100%;background:var(--color-background);overflow:hidden}.mobile-sim-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.sim-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:52px;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:all var(--mobile-transition-fast);min-height:44px}.sim-btn:disabled{opacity:.4;cursor:not-allowed}.sim-btn:not(:disabled):active{transform:scale(.96)}.sim-btn.run:not(:disabled):active{background:color-mix(in srgb,var(--color-success) 10%,transparent);border-color:var(--color-success);color:var(--color-success)}.sim-btn.run.active{background:color-mix(in srgb,var(--color-success) 15%,transparent);border-color:var(--color-success);color:var(--color-success);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-success) 20%,transparent),inset 0 0 20px color-mix(in srgb,var(--color-success) 5%,transparent)}.sim-btn.pause:not(:disabled):active{background:color-mix(in srgb,var(--color-warning) 10%,transparent);border-color:var(--color-warning);color:var(--color-warning)}.sim-btn.pause.active{background:color-mix(in srgb,var(--color-warning) 15%,transparent);border-color:var(--color-warning);color:var(--color-warning);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-warning) 20%,transparent),inset 0 0 20px color-mix(in srgb,var(--color-warning) 5%,transparent)}.sim-btn.stop:not(:disabled):active{background:color-mix(in srgb,var(--color-destructive) 10%,transparent);border-color:var(--color-destructive);color:var(--color-destructive)}.sim-icon{font-size:16px;line-height:1}.mobile-sim-status{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border-bottom:1px solid var(--color-border)}.sim-status-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 5px;background:var(--color-surface);font-family:var(--font-mono)}.sim-status-label{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-foreground)}.sim-status-value{font-size:11px;font-weight:600;color:var(--color-accent);letter-spacing:-.01em}.mobile-variable-watch{flex:1;overflow:auto;background:var(--color-background);display:flex;flex-direction:column;min-height:0}.mobile-error-panel{position:absolute;bottom:calc(var(--mobile-tabbar-height) + var(--mobile-safe-bottom));left:0;right:0;max-height:40vh;background:var(--color-surface);border-top:2px solid var(--color-destructive);box-shadow:0 -4px 20px color-mix(in srgb,var(--color-background) 70%,transparent);animation:slideUp var(--mobile-transition-base);z-index:50}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (orientation: landscape) and (max-height: 500px){.mobile-toolbar{height:34px;min-height:34px}.mobile-tabbar-height{--mobile-tabbar-height: 40px}.mobile-sim-controls{padding:10px;gap:6px}.sim-btn{height:44px;font-size:9px}}@media (min-width: 600px) and (max-width: 767px){.mobile-toolbar{padding:0 16px}.mobile-sim-controls{padding:16px;gap:12px}.sim-btn{height:60px;font-size:11px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;overscroll-behavior:none}@media (max-width: 768px){html,body,#root{touch-action:manipulation}}body{font-family:var(--font-sans);background:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{height:100%;width:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-toolbar);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}::selection{background:var(--color-accent-muted);color:var(--color-foreground)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{font-family:inherit}.docs-search{position:relative;width:100%;max-width:300px}.docs-search__input-wrapper{position:relative;display:flex;align-items:center}.docs-search__icon{position:absolute;left:10px;color:var(--color-muted-foreground);pointer-events:none}.docs-search__input{width:100%;padding:8px 32px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-foreground);font-size:13px;transition:border-color .15s,background-color .15s}.docs-search__input::placeholder{color:var(--color-muted-foreground)}.docs-search__input:focus{outline:none;border-color:var(--color-accent);background:var(--color-surface)}.docs-search__clear{position:absolute;right:6px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:transparent;color:var(--color-muted-foreground);border-radius:3px;cursor:pointer}.docs-search__clear:hover{background:var(--color-toolbar);color:var(--color-foreground)}.docs-search__results{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:400px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 8px 24px color-mix(in srgb,var(--color-background) 80%,transparent);z-index:100}.docs-search__result{display:block;padding:10px 14px;text-decoration:none;border-bottom:1px solid var(--color-border);transition:background-color .15s}.docs-search__result:last-child{border-bottom:none}.docs-search__result:hover,.docs-search__result--selected{background:var(--color-accent-muted)}.docs-search__result-title{font-size:13px;font-weight:500;color:var(--color-foreground);margin-bottom:4px}.docs-search__result-match{font-size:11px;color:var(--color-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-search__no-results{padding:14px;text-align:center;color:var(--color-muted-foreground);font-size:13px}.docs-sidebar{grid-area:sidebar;display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border);overflow:hidden;min-height:0}.docs-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border)}.docs-sidebar__logo{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;font-family:var(--font-mono);color:var(--color-warning);text-decoration:none;letter-spacing:-.01em;transition:opacity .2s}.docs-sidebar__logo:hover{opacity:.8}.docs-sidebar__close{display:none;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer}.docs-sidebar__close:hover{background:var(--color-toolbar);color:var(--color-foreground)}.docs-sidebar__search{padding:12px 14px;border-bottom:1px solid var(--color-border)}.docs-sidebar__search .docs-search{max-width:none}.docs-sidebar__nav{flex:1;padding:8px 0;overflow-y:auto;min-height:0}.docs-nav{list-style:none;margin:0;padding:0}.docs-nav__item{margin:0}.docs-nav__link{display:block;padding:8px 16px;font-size:13px;color:var(--color-muted);text-decoration:none;transition:background-color .15s,color .15s}.docs-nav__link:hover{color:var(--color-foreground);background:var(--color-elevated)}.docs-nav__link--active{color:var(--color-accent);background:var(--color-accent-muted);border-right:2px solid var(--color-accent)}.docs-nav__section{margin:4px 0}.docs-nav__section-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--color-foreground);text-align:left;cursor:pointer;transition:background-color .15s}.docs-nav__section-btn:hover{background:var(--color-elevated)}.docs-nav__chevron{flex-shrink:0;transition:transform .2s}.docs-nav__section-btn--expanded .docs-nav__chevron{transform:rotate(180deg)}.docs-nav__children{list-style:none;margin:0;padding:0}.docs-nav__children .docs-nav__link{padding-left:40px;font-size:12px}.docs-sidebar__footer{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-top:1px solid var(--color-border)}.docs-sidebar__back-link{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-accent);text-decoration:none}.docs-sidebar__back-link:hover{text-decoration:underline}.docs-sidebar__iec-link{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-muted);text-decoration:none}.docs-sidebar__iec-link:hover{color:var(--color-foreground);text-decoration:underline}.docs-sidebar__iec-link:before{content:"📘";font-size:12px}@media (max-width: 900px){.docs-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:100;transform:translate(-100%);transition:transform .25s ease}.docs-sidebar--open{transform:translate(0)}.docs-sidebar__close{display:flex}}.code-example{margin:18px 0;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border)}.code-example__title{padding:8px 14px;font-size:12px;font-weight:500;color:var(--color-muted);background:var(--color-elevated);border-bottom:1px solid var(--color-border)}.code-example__container{position:relative}.code-example__code{margin:0;padding:14px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.5}.code-example__code code{background:none!important;padding:0!important;color:var(--color-foreground)}.code-example__actions{display:flex;gap:8px;padding:10px 14px;background:var(--color-background);border-top:1px solid var(--color-border)}.code-example__btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:background-color .15s,transform .1s}.code-example__btn:active{transform:scale(.98)}.code-example__btn--copy{background:var(--color-toolbar);color:var(--color-foreground)}.code-example__btn--copy:hover{background:var(--color-border)}.code-example__btn--try{background:var(--color-accent);color:var(--color-background)}.code-example__btn--try:hover{background:var(--color-accent-hover)}.code-example__btn svg{flex-shrink:0}@media (max-width: 600px){.code-example__actions{flex-direction:column}.code-example__btn{justify-content:center}}.docs-layout{display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "sidebar main";height:100vh;background:var(--color-background);color:var(--color-foreground);overflow:hidden}.docs-header{grid-area:header;display:none;align-items:center;gap:12px;padding:10px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.docs-header__menu-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--color-foreground);border-radius:var(--radius-sm);cursor:pointer}.docs-header__menu-btn svg{display:block}.docs-header__menu-btn:hover{background:var(--color-toolbar)}.docs-header__title{flex:1;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;font-family:var(--font-mono);color:var(--color-warning);text-decoration:none;letter-spacing:-.01em}.docs-header__back{font-size:12px;color:var(--color-accent);text-decoration:none}.docs-header__back:hover{text-decoration:underline}.docs-main{grid-area:main;overflow-y:auto}.docs-main__content{max-width:900px;padding:32px 48px}.docs-article__header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.docs-article__header h1{font-size:28px;font-weight:600;color:var(--color-foreground);margin:0 0 8px}.docs-article__desc{font-size:14px;color:var(--color-muted);margin:0}.docs-article__content{line-height:1.6;font-size:14px}.docs-article__content h2{font-size:20px;font-weight:600;color:var(--color-foreground);margin:28px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.docs-article__content h3{font-size:16px;font-weight:600;color:var(--color-foreground);margin:22px 0 10px}.docs-article__content h4{font-size:14px;font-weight:600;color:var(--color-muted);margin:18px 0 8px}.docs-article__content p{margin:0 0 14px}.docs-article__content ul,.docs-article__content ol{margin:0 0 14px;padding-left:24px}.docs-article__content li{margin:6px 0}.docs-article__content a{color:var(--color-accent);text-decoration:none}.docs-article__content a:hover{text-decoration:underline}.docs-article__content code{font-family:var(--font-mono);font-size:.9em;background:var(--color-elevated);padding:2px 6px;border-radius:3px;color:var(--color-info)}.docs-article__content pre{margin:14px 0;padding:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow-x:auto}.docs-article__content pre code{background:none;padding:0;font-size:13px;line-height:1.5;color:var(--color-foreground)}.docs-article__content blockquote{margin:14px 0;padding:12px 14px;border-left:3px solid var(--color-accent);background:var(--color-accent-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.docs-article__content blockquote p{margin:0}.docs-article__content table{width:100%;margin:14px 0;border-collapse:collapse;font-size:13px}.docs-article__content th,.docs-article__content td{padding:10px 12px;text-align:left;border:1px solid var(--color-border)}.docs-article__content th{background:var(--color-surface);font-weight:600;color:var(--color-foreground)}.docs-article__content td{background:var(--color-background)}.docs-article__footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--color-border)}.docs-article__reference{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-muted)}.docs-article__reference a{display:inline-flex;align-items:center;gap:6px;color:var(--color-accent);text-decoration:none}.docs-article__reference a:before{content:"📘"}.docs-article__reference a:hover{text-decoration:underline}.docs-article__reference-sep{color:var(--color-muted-foreground)}.code-block{margin:14px 0;padding:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.5}.code-block code{background:none;padding:0;color:var(--color-foreground)}.docs-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-background) 50%,transparent);z-index:99}@media (max-width: 900px){.docs-layout{grid-template-columns:1fr;grid-template-areas:"header" "main"}.docs-header{display:flex}.docs-main__content{padding:24px 20px}.docs-sidebar-overlay{display:block}}@media (max-width: 600px){.docs-article__header h1{font-size:22px}.docs-article__content h2{font-size:18px}.docs-article__content h3{font-size:15px}}
