:root{color-scheme:dark;--panel: #0f141b;--panel-2: #131a23;--rail: #1a2530;--rail-2: #212e3c;--inset: #0b1017;--edge: #2b3a4b;--edge-strong: #3a4d61;--live: #ffb020;--live-dim: #6b5220;--run: #37d67a;--stop: #ef4d54;--info: #4aa3ff;--ink: #e7eef6;--ink-dim: #9fb0c2;--muted: #6f8093;--wire-idle: #3a4d61;--sym-idle: #8ba0b5;--lamp-off: #26333f;--dev-x: #4aa3ff;--dev-y: #ffb020;--dev-m: #b98cff;--dev-t: #37d67a;--dev-c: #ff8fab;--dev-d: #3ddbd9;--radius: 4px;--radius-lg: 8px;--shadow: 0 1px 0 rgba(255, 255, 255, .04), 0 8px 24px rgba(0, 0, 0, .4);--inset-shadow: inset 0 2px 8px rgba(0, 0, 0, .5);--font-display: "Chakra Petch", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", monospace;--font-body: "Inter", "Segoe UI", system-ui, "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif}:root[data-theme=light]{color-scheme:light;--panel: #dde3ea;--panel-2: #cdd6df;--rail: #edf1f5;--rail-2: #f8fafc;--inset: #f5f7fa;--edge: #b4c0cc;--edge-strong: #8fa1b3;--live: #c47f00;--live-dim: #e2c17a;--run: #189a52;--stop: #d5333c;--info: #1e6fd0;--ink: #17222d;--ink-dim: #45586a;--muted: #6a7c8e;--wire-idle: #8496a8;--sym-idle: #4a5d70;--lamp-off: #b9c5d0;--dev-x: #1e6fd0;--dev-y: #c47f00;--dev-m: #8250df;--dev-t: #189a52;--dev-c: #d23f72;--dev-d: #0f8f8b;--shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 8px 24px rgba(23, 34, 45, .14);--inset-shadow: inset 0 2px 6px rgba(23, 34, 45, .14)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--panel);background-image:radial-gradient(1200px 600px at 80% -10%,rgba(74,163,255,.06),transparent),radial-gradient(900px 500px at 0% 110%,rgba(255,176,32,.05),transparent);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;margin:0;letter-spacing:.01em}button{font-family:var(--font-display);cursor:pointer}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:600;color:var(--muted)}.panel{background:linear-gradient(180deg,var(--rail),var(--panel-2));border:1px solid var(--edge);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.inset{background:var(--inset);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--inset-shadow)}.screw{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a5a6c,#1a2530 70%);box-shadow:inset 0 0 0 1px #0b1017;position:relative}.screw:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-top:1px solid rgba(0,0,0,.6);transform:rotate(35deg)}.btn{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:9px 16px;border-radius:var(--radius);border:1px solid var(--edge-strong);background:linear-gradient(180deg,var(--rail-2),var(--rail));color:var(--ink);transition:transform .05s ease,border-color .15s ease,background .15s ease}.btn:hover{border-color:var(--live)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#ffc24d,var(--live));border-color:#ffcf6a;color:#241a04}.btn-primary:hover{border-color:#fff}button.pin-toggle.on,button.pin-toggle.on:hover{border-color:transparent;color:var(--live)}.btn-run{background:linear-gradient(180deg,#4be894,var(--run));border-color:#6cf0a9;color:#04220f}.btn-stop{background:linear-gradient(180deg,#ff6a70,var(--stop));border-color:#ff8a8f;color:#2a0405}.btn-ghost{background:transparent;border-color:var(--edge)}.field{width:100%;padding:10px 12px;background:var(--inset);border:1px solid var(--edge);border-radius:var(--radius);color:var(--ink);font-family:var(--font-body);font-size:14px}.field:focus{outline:none;border-color:var(--live)}.dev-chip{font-family:var(--font-mono);font-weight:700;font-size:12px;padding:2px 7px;border-radius:3px;border:1px solid currentColor;background:color-mix(in srgb,currentColor 14%,transparent)}.dev-X{color:var(--dev-x)}.dev-Y{color:var(--dev-y)}.dev-M{color:var(--dev-m)}.dev-T{color:var(--dev-t)}.dev-C{color:var(--dev-c)}.dev-D{color:var(--dev-d)}.dev-chip.on{background:color-mix(in srgb,currentColor 45%,transparent);box-shadow:0 0 6px currentColor}.tag{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600;padding:3px 8px;border-radius:3px;border:1px solid var(--edge-strong);color:var(--ink-dim)}.tag-tutorial{color:var(--info);border-color:color-mix(in srgb,var(--info) 50%,var(--edge))}.tag-easy{color:var(--run);border-color:color-mix(in srgb,var(--run) 50%,var(--edge))}.tag-medium{color:var(--live);border-color:color-mix(in srgb,var(--live) 50%,var(--edge))}.tag-hard{color:var(--stop);border-color:color-mix(in srgb,var(--stop) 50%,var(--edge))}:focus-visible{outline:2px solid var(--live);outline-offset:2px}*{scrollbar-color:var(--edge-strong) transparent;scrollbar-width:thin}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app-shell{height:100%;display:flex;flex-direction:column}.app-body{flex:1;min-height:0;width:100%;overflow-y:auto}.pad{padding:32px}.muted{color:var(--muted)}.muted.sm,.sm{font-size:13px}.mono{font-family:var(--font-mono)}.inline-link{color:var(--live);border-bottom:1px solid color-mix(in srgb,var(--live) 40%,transparent)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid var(--edge);background:linear-gradient(180deg,var(--rail),transparent);position:sticky;top:0;z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;letter-spacing:.12em;font-size:15px}.brand-mark{color:var(--live);font-size:20px;filter:drop-shadow(0 0 6px rgba(255,176,32,.5))}.brand-accent{color:var(--live)}.topnav{display:flex;align-items:center;gap:20px;font-family:var(--font-display);font-size:13px;letter-spacing:.04em;text-transform:uppercase}.topnav a:not(.btn):hover{color:var(--live)}.topnav-user{color:var(--ink-dim);text-transform:none}.theme-toggle{width:30px;height:30px;padding:0;border-radius:50%;border:1px solid var(--edge);background:transparent;color:var(--ink-dim);font-size:15px;line-height:1}.theme-toggle:hover{border-color:var(--live);color:var(--live)}.btn.sm{padding:6px 12px;font-size:12px}.btn.full{width:100%;text-align:center}.track-nav{display:flex;align-items:center;gap:2px;flex:1 1 auto;justify-content:center;min-width:0;overflow-x:auto;scrollbar-width:none}.track-nav::-webkit-scrollbar{display:none}.track-link{padding:6px 13px;border-radius:999px;border:1px solid transparent;color:var(--ink-dim);font-family:var(--font-display);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background .15s ease}.track-link:hover{color:var(--ink);border-color:var(--edge)}.track-link.active{color:var(--live);border-color:color-mix(in srgb,var(--live) 55%,transparent);background:color-mix(in srgb,var(--live) 10%,transparent)}@media(max-width:900px){.track-nav{display:none}}.landing{max-width:1120px;margin:0 auto;padding:48px 28px 80px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;min-height:60vh}.hero-title{font-size:clamp(38px,6vw,68px);line-height:1.02;font-weight:700;margin:18px 0;letter-spacing:-.01em}.hero-title .hl{color:var(--live);text-shadow:0 0 24px rgba(255,176,32,.35)}.hero-sub{color:var(--ink-dim);font-size:17px;line-height:1.6;max-width:46ch}.hero-cta{display:flex;gap:14px;margin-top:28px}.hero-ladder{padding:24px}.hl-rail{stroke:var(--edge-strong);stroke-width:4}.hl-wire,.hl-sym{stroke:var(--wire-idle);stroke-width:3;fill:none}.hl-addr{fill:var(--muted);font-family:var(--font-mono);font-size:13px}.hl-flow{animation:flow 2.4s ease-in-out infinite}@keyframes flow{0%,to{stroke:var(--wire-idle);filter:none}45%,70%{stroke:var(--live);filter:drop-shadow(0 0 5px rgba(255,176,32,.8))}}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:72px}.feature{border-top:2px solid var(--edge-strong);padding-top:18px}.feature-k{font-family:var(--font-mono);color:var(--live);font-size:13px;font-weight:700}.feature h3{margin:10px 0 8px;font-size:18px}.feature p{color:var(--ink-dim);line-height:1.55;font-size:14px;margin:0}@media(max-width:1080px){.hero,.feature-row{grid-template-columns:1fr}}.auth-wrap{display:flex;justify-content:center;padding:64px 24px}.auth-card{width:100%;max-width:400px;padding:32px}.auth-card h2{margin:6px 0 22px;font-size:24px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field span{font-size:12px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em}.auth-error{color:var(--stop);font-size:13px;margin:0}.auth-success{color:var(--live);font-size:13px;margin:0}.auth-divider{text-align:center;margin:20px 0 14px;position:relative;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:var(--edge)}.auth-divider:before{left:0}.auth-divider:after{right:0}.oauth-row{display:flex;gap:10px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:9px}.oauth-icon{width:16px;height:16px;flex-shrink:0}.link-btn{background:none;border:none;color:var(--ink-dim);margin-top:18px;font-size:13px;width:100%}.link-btn:hover{color:var(--live)}.list-page{max-width:1120px;margin:0 auto;padding:40px 28px 80px}.list-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;flex-wrap:wrap;gap:12px}.list-head h1{font-size:30px;margin-top:6px}.list-note{color:var(--ink-dim);font-size:14px}.puzzle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.puzzle-category{margin-bottom:34px;scroll-margin-top:16px}.category-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--edge-strong);padding-bottom:8px;margin-bottom:16px}.category-head-titles{display:flex;flex-direction:column;gap:2px}.category-head h2{font-size:13px;margin:0}.category-blurb{margin:0;font-size:12px;color:var(--muted)}.category-count{color:var(--ink-dim);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.cat-nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}.cat-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--edge);border-radius:999px;background:var(--panel);color:var(--ink-dim);font-size:13px;text-decoration:none;transition:border-color .15s ease,color .15s ease,background .15s ease}.cat-pill:hover{border-color:var(--live);color:var(--live)}.cat-pill.active{border-color:var(--live);color:var(--live);background:color-mix(in srgb,var(--live) 12%,transparent)}.cat-pill.complete .cat-pill-count{color:var(--run)}.cat-pill-count{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted)}.cat-pill.active .cat-pill-count{color:inherit}.puzzle-card{padding:20px;display:flex;flex-direction:column;gap:10px;position:relative;border-left:3px solid var(--edge-strong);transition:border-color .15s ease,transform .1s ease}.puzzle-card:hover{border-color:var(--live);transform:translateY(-2px)}.puzzle-card.accent-solved{border-left-color:var(--run)}.puzzle-card.accent-open{border-left-color:var(--live)}.puzzle-card.accent-locked{border-left-color:var(--edge-strong)}.puzzle-card.locked{opacity:.55;cursor:not-allowed}.puzzle-card.locked:hover{border-color:var(--edge);border-left-color:var(--edge-strong);transform:none}.pc-top{display:flex;justify-content:space-between;align-items:center}.pc-num{font-family:var(--font-mono);color:var(--muted);font-size:13px;font-weight:700}.status-lamp{width:14px;height:14px;border-radius:50%;background:var(--lamp-off);border:1px solid var(--edge-strong)}.status-lamp.solved{background:var(--run);box-shadow:0 0 10px var(--run);border-color:var(--run)}.status-lamp.progress{background:var(--live);box-shadow:0 0 8px var(--live);border-color:var(--live)}.status-lamp.locked{display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1;border-radius:4px;width:auto;height:auto;padding:1px 3px;background:transparent;border:none}.pc-title{font-size:19px}.pc-summary{color:var(--ink-dim);font-size:14px;line-height:1.5;margin:0;flex:1}.pc-foot{display:flex;align-items:center;gap:10px;margin-top:4px}.pc-solved{font-family:var(--font-mono);font-size:11px;color:var(--run)}.pc-progress{font-family:var(--font-mono);font-size:11px;color:var(--live)}.list-lede{margin:8px 0 0;max-width:62ch;color:var(--muted);font-size:13px}.track-group+.track-group{margin-top:10px}.track-rule{display:flex;align-items:center;gap:14px;margin:6px 0 20px}.track-rule-name{font-family:var(--font-display);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--live)}.track-rule-line{flex:1 1 auto;height:1px;background:linear-gradient(90deg,var(--edge-strong),transparent)}.track-rule-count{font-family:var(--font-mono);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.play{display:flex;align-items:stretch;height:100%;padding:12px 14px;gap:0;overflow:hidden}.play-brief,.play-hmi{flex:0 0 auto;min-width:0;overflow-y:auto;overflow-x:hidden;padding-right:2px}.play-brief{display:flex;flex-direction:column;gap:14px}.resize-handle{flex:0 0 14px;align-self:stretch;display:flex;align-items:center;justify-content:center;cursor:col-resize;touch-action:none}.resize-grip{width:3px;height:42px;border-radius:2px;background:var(--edge);transition:background .15s ease}.resize-handle:hover .resize-grip,.resize-handle:active .resize-grip{background:var(--live);box-shadow:0 0 8px #ffb02099}.pane-toggle{background:transparent;border:1px solid var(--edge);border-radius:var(--radius);color:var(--ink-dim);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:6px 9px}.pane-toggle:hover{border-color:var(--live);color:var(--ink)}.pane-toggle[aria-pressed=false]{color:var(--muted)}.brief-card,.io-card,.results-card{padding:18px}.brief-card h2{margin:6px 0 12px;font-size:22px}.briefing{font-family:var(--font-body);color:var(--ink-dim);font-size:13.5px;line-height:1.6}.briefing p{margin:0 0 12px}.briefing ol,.briefing ul{margin:0 0 12px;padding-left:1.4em}.briefing ol ol{margin:4px 0 0}.briefing li{margin-bottom:8px}.briefing li:last-child{margin-bottom:0}.briefing>:last-child,.briefing section>:last-child{margin-bottom:0}.briefing-head{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--live);margin:0 0 8px;padding-bottom:5px;border-bottom:1px solid var(--edge)}.briefing section+section{margin-top:16px}.demo-watch{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;margin:4px 0 14px;padding:9px 12px;text-align:left;border-color:color-mix(in srgb,var(--live) 45%,var(--edge))}.demo-watch .demo-caption{font-size:12px;font-weight:400;color:var(--ink-dim);white-space:normal;line-height:1.4}.hints{margin-top:14px;font-size:13px}.hints ul{margin:10px 0 0;padding-left:18px;color:var(--ink-dim);line-height:1.5}.hints li{white-space:pre-line}.hint-reveal{margin-top:10px}.io-table{width:100%;border-collapse:collapse;margin-top:10px}.io-table td{padding:5px 4px;border-bottom:1px solid var(--edge);font-size:13px}.io-name{color:var(--ink)}.io-kind{text-align:right;font-family:var(--font-mono);color:var(--muted);font-size:11px}.io-subhead{display:block;margin-top:16px}.io-note{color:var(--muted);font-size:12px}.io-value{width:92px}.io-value-word{width:72px}.word-value{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.word-value.on{color:var(--live)}.word-eng{font-size:10px;color:var(--muted)}.mini-bar{position:relative;height:15px;border-radius:3px;background:var(--inset);border:1px solid var(--edge);overflow:hidden}.mini-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:color-mix(in srgb,var(--live) 55%,transparent);transition:width .08s linear}.mini-bar.done .mini-bar-fill{background:color-mix(in srgb,var(--run) 60%,transparent)}.mini-bar-text{position:relative;z-index:1;display:block;text-align:center;font-family:var(--font-mono);font-size:9.5px;line-height:15px;color:var(--ink-dim);white-space:nowrap}.results-card.solved{border-color:color-mix(in srgb,var(--run) 60%,var(--edge))}.results-card.invalid{border-color:color-mix(in srgb,var(--stop) 50%,var(--edge))}.results-head{display:flex;justify-content:space-between;align-items:center}.score{font-family:var(--font-mono);font-weight:700;font-size:20px;color:var(--ink-dim)}.score.ok{color:var(--run)}.solved-banner{color:var(--run);font-family:var(--font-display);font-weight:600;margin:10px 0}.throughput-note{margin:0 0 10px;padding:8px 10px;border-left:3px solid var(--live);background:color-mix(in srgb,var(--live) 8%,transparent);font-size:12px;line-height:1.5;color:var(--ink-dim)}.scenario-timing{margin:3px 0 0;font-family:var(--font-mono);font-size:11px;color:var(--live)}.scenario-timing.ok{color:var(--muted)}.next-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:10px}.scenario-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px}.scenario-list li{display:flex;gap:8px;font-size:13px}.scenario-mark{font-weight:700}.scenario-list li.pass .scenario-mark{color:var(--run)}.scenario-list li.fail .scenario-mark{color:var(--stop)}.scenario-name{color:var(--ink)}.fail-list{margin:4px 0 0;padding-left:16px;color:var(--stop);font-size:12px;line-height:1.4}.scenario-progress{margin:4px 0 0;font-size:12px;color:var(--muted)}.step-checks{list-style:none;margin:4px 0 6px;padding:0;display:flex;flex-direction:column;gap:3px}.step-checks>li{display:flex;gap:6px;font-size:12px;line-height:1.4}.step-check-mark{font-weight:700;color:var(--run)}.step-checks>li.fail .step-check-mark{color:var(--stop)}.step-check-label{color:var(--muted)}.step-checks>li.fail .step-check-label{color:var(--ink-dim)}.step-fail-reasons{margin:2px 0 4px;padding-left:14px;list-style:disc;color:var(--stop)}.step-fail-reasons li{display:list-item;font-size:12px}.validation-warnings{margin-top:10px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--live) 35%,var(--edge))}.warn-list{margin:4px 0 0;padding-left:16px;color:var(--live);font-size:12px;line-height:1.4}.play-main{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.play-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;flex:0 0 auto;margin-bottom:8px;padding:0 2px 7px;border-bottom:1px solid var(--edge)}.play-nav-back,.play-nav-next{color:var(--ink-dim);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.play-nav-back:hover,.play-nav-next:hover{color:var(--live)}.play-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px;flex:0 0 auto}.pa-left,.pa-right{display:flex;align-items:center;gap:10px}.dirty-dot{color:var(--live);font-size:13px}@media(max-width:1080px){.play{grid-template-columns:1fr}.play-brief,.play-hmi{position:static}}.workspace{position:relative;display:flex;align-items:stretch;height:100%;overflow:hidden}.ws-rail{flex:0 0 232px;display:flex;flex-direction:column;gap:12px;padding:10px 10px 12px 14px;border-right:1px solid var(--edge);overflow-y:auto;min-height:0}.ws-rail-actions{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding-top:10px;border-top:1px solid var(--edge)}.rail-tool{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--edge);border-radius:var(--radius);background:linear-gradient(180deg,var(--rail),var(--panel-2));color:var(--ink);font-family:var(--font-display);font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.rail-tool:hover{border-color:var(--live);color:var(--live)}.rail-tool.on{border-color:var(--live);background:color-mix(in srgb,var(--live) 14%,transparent);color:var(--live)}.rail-quiet{display:flex;align-items:center;gap:8px;padding:4px 7px;border:none;border-radius:var(--radius);background:none;color:var(--muted);font-size:11.5px;letter-spacing:.04em;cursor:pointer}.rail-quiet:hover:not(:disabled){color:var(--ink)}.rail-quiet:disabled{opacity:.45;cursor:default}.rail-status{margin-top:4px;padding-top:9px;border-top:1px solid var(--edge);text-align:center}.ws-rail-actions .dirty-dot,.ws-rail-actions .muted{text-align:center;font-size:12px}.rail-act{display:flex;align-items:center;justify-content:center;gap:8px}.pou-explorer{display:flex;flex-direction:column;gap:12px}.pe-task{display:flex;flex-direction:column;gap:4px}.pe-task-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:0 2px 3px;border-bottom:1px solid var(--edge)}.pe-task-name{font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--ink)}.pe-task-rate{font-size:11px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.pe-pous{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.pe-globals{display:flex;align-items:center;gap:8px;padding:5px 7px;border:1px solid var(--edge);border-radius:5px;background:none;color:var(--ink-dim);font-size:12px;text-align:left;cursor:pointer}.pe-globals:hover{border-color:var(--live);color:var(--live)}.pe-globals.open{border-color:var(--live);background:color-mix(in srgb,var(--live) 12%,transparent);color:var(--live)}.pe-globals>.pe-name{flex:1 1 auto;font-family:inherit}.pe-row{display:flex;align-items:center;gap:2px;min-width:0}.pe-row>.pe-pou{flex:1 1 auto;min-width:0}.pe-tools{flex:0 0 auto;display:flex;align-items:center}.pe-tool{width:17px;height:19px;display:grid;place-items:center;border:none;border-radius:3px;background:none;color:var(--muted);font-size:9px;line-height:1;cursor:pointer}.pe-tool:hover:not(:disabled){background:var(--panel-2, rgb(255 255 255 / 8%));color:var(--ink)}.pe-tool.danger:hover:not(:disabled){color:var(--stop)}.pe-tool:disabled{opacity:.28;cursor:default}.pe-rename{width:100%}.pe-add{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:9px;border-top:1px solid var(--edge)}.pe-add>input{flex:1 1 auto;min-width:0}.pe-add-note{flex:1 0 100%;margin:0;font-size:10.5px;color:var(--muted)}.pe-add-note.bad{color:var(--stop)}.pe-pou{width:100%;display:flex;align-items:center;gap:7px;padding:5px 6px;border:1px solid transparent;border-radius:5px;background:none;color:var(--ink);text-align:left;cursor:pointer}.pe-pou:hover{background:var(--panel-2, rgb(255 255 255 / 6%))}.pe-pou.open{border-color:var(--edge)}.pe-pou.focused{border-color:var(--live);background:var(--panel-2, rgb(255 255 255 / 8%))}.pe-order{flex:0 0 18px;height:18px;display:grid;place-items:center;border-radius:4px;background:var(--edge);color:var(--ink-dim);font-size:11px;font-variant-numeric:tabular-nums}.pe-names{display:flex;flex-direction:column;min-width:0}.pe-name{font-size:12px;font-family:var(--mono, ui-monospace, monospace);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe-title{font-size:11px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe-meta{margin-left:auto;display:flex;align-items:center;gap:5px}.pe-rungs{font-size:11px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.pe-lock{font-size:10px;opacity:.75}.pe-pou.orphan{border-color:var(--warn, #c9772f)}.ws-stage{position:relative;flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;padding:10px 12px;gap:8px}.ws-machine{flex:1 1 auto;min-height:0;display:flex}.ws-machine>*{flex:1 1 auto;min-width:0}.ws-stage-bar{display:flex;align-items:center;gap:10px;flex:0 0 auto}.ws-sections{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 auto;min-width:0}.ws-run{display:flex;gap:4px;flex:0 0 auto}.run-btn{width:30px;height:26px;display:grid;place-items:center;border:1px solid var(--edge);border-radius:5px;background:none;color:var(--ink-dim);font-size:12px;line-height:1;cursor:pointer}.run-btn:hover:not(:disabled){border-color:var(--run);color:var(--run)}.run-btn.stop:hover:not(:disabled){border-color:var(--stop);color:var(--stop)}.run-btn.on{border-color:var(--run);background:color-mix(in srgb,var(--run) 18%,transparent);color:var(--run)}.run-btn:disabled{cursor:default}.run-btn:disabled:not(.on){opacity:.4}.ws-section{padding:5px 11px;border:1px solid var(--edge);border-radius:999px;background:none;color:var(--ink-dim);font-size:12px;cursor:pointer}.ws-section:hover{color:var(--ink)}.ws-section.on{border-color:var(--live);color:var(--live)}.demo-strip{display:flex;align-items:center;gap:12px;padding:8px 12px;flex:0 0 auto;border-color:color-mix(in srgb,var(--live) 45%,var(--edge))}.demo-live{color:var(--live);white-space:nowrap}.demo-lines{display:flex;flex-direction:column;gap:1px;min-width:0}.demo-lines p{margin:0}.demo-clock{margin-left:auto;font-size:12px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.float-win{position:fixed;display:flex;flex-direction:column;min-width:320px;min-height:180px;border:1px solid var(--edge);border-radius:8px;background:var(--panel, #14171c);box-shadow:0 12px 34px #0000006b;overflow:visible}.float-win.maximized{position:absolute;top:8px;right:8px;bottom:8px;left:8px;width:auto;height:auto}.float-win.focused{border-color:var(--live);box-shadow:0 14px 40px #00000085}.fw-bar{flex:0 0 auto;display:flex;align-items:center;gap:8px;height:34px;border-radius:7px 7px 0 0;padding:0 6px 0 11px;border-bottom:1px solid var(--edge);background:var(--panel-2, rgb(255 255 255 / 4%));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.fw-bar:active{cursor:grabbing}.fw-title{font-size:12px;font-weight:600;font-family:var(--mono, ui-monospace, monospace);white-space:nowrap}.fw-sub{font-size:11px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fw-spacer{flex:1 1 auto}.fw-badge{padding:2px 7px;border:1px solid var(--edge);border-radius:999px;font-size:10px;letter-spacing:.06em;color:var(--ink-dim)}.fw-badge-btn{font-family:var(--font-mono);background:none;cursor:pointer}.fw-badge-btn:hover{border-color:var(--live);color:var(--live)}.fw-badge-btn.on{border-color:var(--live);background:color-mix(in srgb,var(--live) 14%,transparent);color:var(--live)}.fw-badge-btn.warn{border-color:var(--warn, #c9772f);color:var(--warn, #c9772f)}.fw-badge-alert{margin-left:4px;font-weight:700}.fw-btn{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border:1px solid transparent;border-radius:4px;background:none;color:var(--ink-dim);font-size:12px;cursor:pointer}.fw-btn:hover{border-color:var(--edge);color:var(--ink)}.fw-btn.on{border-color:var(--live);color:var(--live)}.fw-close:hover{border-color:var(--bad, #c0453c);color:var(--bad, #c0453c)}.fw-body{flex:1 1 auto;min-height:0;overflow:auto;border-radius:0 0 7px 7px}.fw-body .ladder-editor{height:100%}.win-tabstrip{position:fixed;left:232px;right:0;bottom:0;z-index:1500;display:flex;gap:6px;padding:6px 10px;overflow-x:auto;background:var(--panel, #14171c);border-top:1px solid var(--edge)}.win-tab{flex:0 0 auto;max-width:200px;padding:5px 12px;border:1px solid var(--edge);border-radius:999px;background:var(--panel-2, rgb(255 255 255 / 4%));color:var(--ink);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.win-tab:hover{border-color:var(--live);color:var(--live)}.pou-body{display:flex;flex-direction:column;height:100%;min-height:0}.pou-body>.ladder-editor{height:auto;flex:1 1 auto;min-height:0}.pou-body>.ladder-editor .ladder-scroll{min-height:80px}.pou-locals{flex:0 0 auto;max-height:min(60%,320px);margin:6px;overflow:auto}.fw-body .ladder-scroll>.palette{margin-bottom:8px}.fw-body .ladder-scroll>.palette.palette-pinned{left:0}.fw-edge{position:absolute;touch-action:none}.fw-n,.fw-s{left:10px;right:10px;height:7px;cursor:ns-resize}.fw-n{top:-4px}.fw-s{bottom:-4px}.fw-e,.fw-w{top:10px;bottom:10px;width:7px;cursor:ew-resize}.fw-e{right:-4px}.fw-w{left:-4px}.fw-ne,.fw-nw,.fw-se,.fw-sw{width:14px;height:14px}.fw-nw{top:-4px;left:-4px;cursor:nwse-resize}.fw-ne{top:-4px;right:-4px;cursor:nesw-resize}.fw-sw{bottom:-4px;left:-4px;cursor:nesw-resize}.fw-se{right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 0 45%,var(--edge) 45% 55%,transparent 55% 72%,var(--edge) 72% 82%,transparent 82%)}.sidebar-tab{position:absolute;top:84px;z-index:6;padding:14px 7px;border:1px solid var(--edge);background:var(--panel, #14171c);color:var(--ink-dim);font-size:12px;letter-spacing:.06em;cursor:pointer}.sidebar-tab:hover{color:var(--live);border-color:var(--live)}.sidebar-tab.sidebar-right{right:0;border-radius:6px 0 0 6px;border-right:none}.sidebar-tab.sidebar-left{left:0;border-radius:0 6px 6px 0;border-left:none}.sidebar-tab-text{writing-mode:vertical-rl;text-orientation:mixed}.work-sidebar{display:flex;flex-direction:column;width:340px;min-height:0;border-left:1px solid var(--edge);background:var(--bg, #0f1115)}.work-sidebar.pinned{flex:0 0 340px}.work-sidebar.floating{position:absolute;top:0;bottom:0;z-index:8;box-shadow:-12px 0 34px #0006}.work-sidebar.floating.sidebar-right{right:0}.work-sidebar.floating.sidebar-left{left:0}.ws-head{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:8px 8px 8px 14px;border-bottom:1px solid var(--edge)}.ws-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px 14px}.ws-body .play-brief{width:auto;display:flex;flex-direction:column;gap:14px}.section-brief{border-color:var(--live)}@media(max-width:900px){.ws-rail{flex-basis:190px}.work-sidebar,.work-sidebar.pinned{width:280px;flex-basis:280px}}.slots-panel{padding:12px 16px;margin-bottom:12px;flex:0 0 auto}.slots-head{display:flex;justify-content:space-between;align-items:center}.slots-list{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:4px}.slots-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;border:1px solid transparent}.slots-list li.active{border-color:color-mix(in srgb,var(--live) 50%,var(--edge));background:color-mix(in srgb,var(--live) 8%,transparent)}.slot-name{flex:1 1 auto;text-align:left;background:none;border:none;color:var(--ink);font-size:13px;cursor:pointer;padding:2px 0;display:flex;align-items:center;gap:6px}.slot-name:hover{color:var(--live)}.slot-submitted-mark{color:var(--run);font-size:11px}.slot-time{white-space:nowrap}.slot-actions{display:flex;gap:2px}.slots-new{display:flex;flex-direction:column;gap:6px}.slots-import-export{display:flex;flex-direction:column;gap:6px;margin-top:6px}.prev-solution-banner{padding:12px 16px;margin-bottom:12px;flex:0 0 auto;border-color:color-mix(in srgb,var(--live) 50%,var(--edge))}.prev-solution-banner p{margin:0 0 8px}.replay-bar{padding:12px 16px;margin-bottom:12px;flex:0 0 auto;border-color:color-mix(in srgb,var(--live) 50%,var(--edge))}.replay-head{display:flex;justify-content:space-between;align-items:center}.replay-caption{margin:6px 0 0}.replay-controls{display:flex;align-items:center;gap:12px;margin-top:10px}.replay-track{position:relative;flex:1 1 auto;display:flex;align-items:center}.replay-scrub{flex:1 1 auto;accent-color:var(--live)}.replay-mark{position:absolute;top:0;width:2px;height:100%;margin-left:-1px;background:var(--stop);pointer-events:none}.replay-time{font-size:12px;color:var(--muted);white-space:nowrap}.replay-step{margin:8px 0 0}.replay-step.failed{padding:6px 10px;border-left:2px solid var(--stop);background:color-mix(in srgb,var(--stop) 8%,transparent)}.replay-fails{margin:4px 0 0;padding-left:16px;color:var(--stop);font-size:12px;line-height:1.4}.trace-strip{flex:0 0 auto;padding:12px 16px;margin-top:12px;max-height:220px;display:flex;flex-direction:column;min-height:0}.trace-head{display:flex;justify-content:space-between;align-items:center;flex:0 0 auto}.trace-body{display:flex;align-items:flex-start;margin-top:8px;overflow-y:auto;min-height:0}.trace-labels{flex:0 0 auto;padding-right:10px;border-right:1px solid var(--edge)}.trace-label{display:flex;align-items:center;font-size:11px;color:var(--muted)}.trace-scroll{flex:1 1 auto;min-width:0}.trace-svg{display:block}.trace-svg.scrubbable{cursor:pointer}.ladder-editor{display:flex;flex-direction:column;gap:8px;flex:1 1 auto}.palette{padding:7px 9px;display:flex;flex-direction:column;gap:6px;flex:0 0 auto}.palette.palette-pinned{position:sticky;top:0;z-index:5}.palette-peek{position:sticky;top:0;z-index:5;width:100%;display:flex;align-items:center;justify-content:center;gap:5px;padding:3px 0;border:none;border-bottom:1px solid var(--edge);background:var(--panel, #14171c);color:var(--ink-dim);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.palette-peek:hover{color:var(--live);border-bottom-color:var(--live)}.palette-row{display:flex;flex-direction:column;gap:6px}.palette-fields{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cf-slot{display:flex;align-items:center;gap:6px;padding:2px 4px;border:1px solid transparent;border-radius:6px}.cf-slot.is-target{border-color:color-mix(in srgb,var(--live) 45%,transparent);background:color-mix(in srgb,var(--live) 7%,transparent)}.field.compact{width:200px;padding:6px 8px}.field.preset{width:70px}.field.operand{width:160px}.palette-hint.note{color:var(--live)}.op-select{width:74px}.pid-tuning{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:5px 8px;border:1px solid var(--edge);border-radius:8px;background:color-mix(in srgb,var(--panel) 70%,transparent)}.pid-tuning label{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);white-space:nowrap}.pid-tuning .field.preset{width:76px}.palette-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}.dev-quick{display:flex;gap:5px;flex-wrap:wrap}.dev-quick .dev-chip{cursor:pointer}.dev-quick .dev-chip:disabled{opacity:.3;cursor:not-allowed}.palette-instr{display:flex;gap:5px;flex-wrap:wrap}.instr-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 7px;min-width:54px;background:linear-gradient(180deg,var(--rail-2),var(--rail));border:1px solid var(--edge);border-radius:var(--radius);color:var(--ink-dim)}.instr-key{font-family:var(--font-mono);font-size:9px;color:var(--muted);border:1px solid var(--edge);border-radius:2px;padding:0 3px;line-height:1.3}.instr-btn:hover:not(:disabled) .instr-key{color:var(--live);border-color:var(--live-dim)}.palette-fold{font-size:10px;padding:2px 5px}.palette-foot{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.shortcuts-link{flex:0 0 auto;align-self:flex-start;padding:0;border:0;background:none;color:var(--muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:11px;cursor:pointer}.shortcuts-link:hover{color:var(--live)}.shortcuts-link kbd{margin-left:4px}kbd{display:inline-block;min-width:1.35em;padding:1px 5px;border:1px solid var(--edge-strong);border-bottom-width:2px;border-radius:3px;background:var(--inset);color:var(--ink);font-family:var(--font-mono);font-size:11px;line-height:1.4;text-align:center;white-space:nowrap}.help-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.help-sheet{width:min(920px,100%);max-height:100%;display:flex;flex-direction:column;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.help-sheet:focus{outline:none}.help-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--edge)}.help-head h2{margin:0;font-family:var(--font-display);font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.help-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px 28px;padding:16px;overflow:auto}.help-group h3{margin:0 0 8px;font-family:var(--font-display);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--live)}.help-wide{grid-column:1 / -1}.help-note{margin:0 0 8px;color:var(--ink-dim);font-size:12px;line-height:1.55}.help-instr{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 12px}.help-instr li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-dim)}.help-glyph{flex:0 0 auto;min-width:34px;font-family:var(--font-mono);font-size:11px;color:var(--sym-idle)}.help-instr-label{flex:1 1 auto}.help-keys{margin:0;display:flex;flex-direction:column;gap:6px}.help-keys>div{display:flex;gap:10px;align-items:baseline}.help-keys dt{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:3px;min-width:108px;justify-content:flex-end}.help-keys dd{margin:0;flex:1 1 auto;color:var(--ink-dim);font-size:12px;line-height:1.5}.instr-btn:hover:not(:disabled){border-color:var(--live);color:var(--ink)}.instr-btn:disabled{opacity:.35;cursor:not-allowed}.instr-btn.danger:hover:not(:disabled){border-color:var(--stop)}.instr-glyph{font-family:var(--font-mono);font-size:14px;color:var(--ink)}.instr-label{font-family:var(--font-display);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.palette-hint{font-size:12px;color:var(--muted);margin:0}.palette-hint.live{color:var(--live)}.undo-ctl{display:flex;align-items:center;gap:2px;padding-right:8px;border-right:1px solid var(--edge)}.undo-ctl .icon-btn{font-size:15px;line-height:1}.zoom-ctl{display:flex;align-items:center;gap:6px}.zoom-val{font-family:var(--font-mono);font-size:11px;color:var(--muted);width:38px;text-align:center}.editor-prefs{display:flex;align-items:center;gap:4px}.pref-btn{font-size:12px;line-height:1.2;padding:2px 6px}.pref-btn.on{border-color:var(--live);color:var(--live)}.cell-float-anchor{position:sticky;bottom:0;height:0;overflow:visible;z-index:6}.cell-float{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:7px 9px;flex-wrap:wrap;max-width:340px;box-shadow:var(--shadow-lg, var(--shadow))}.ladder-scroll{padding:10px;overflow:auto;flex:1 1 auto;min-height:280px}.ladder-canvas{transform-origin:top left;display:flex;flex-direction:column;gap:3px;align-items:flex-start}.rung{display:flex;flex-direction:column}.rung-head{display:flex;align-items:center;gap:10px;height:15px}.rung-num{font-family:var(--font-mono);color:var(--muted);font-size:10px;font-weight:700}.rung-tools{display:flex;gap:6px;opacity:0;transition:opacity .15s ease}.rung:hover .rung-tools{opacity:1}.icon-btn{background:var(--rail-2);border:1px solid var(--edge);color:var(--ink-dim);font-family:var(--font-mono);font-size:11px;padding:2px 7px;border-radius:3px}.icon-btn:hover:not(:disabled){border-color:var(--live);color:var(--ink)}.icon-btn.danger:hover:not(:disabled){border-color:var(--stop);color:var(--stop)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.rung-body{display:flex;align-items:stretch}.rail{width:5px;background:var(--edge-strong);border-radius:2px}.rail.live{background:var(--live);box-shadow:0 0 10px #ffb02099}.cell-grid{display:grid}.ladder-cell{background:transparent;border:1px solid transparent;border-radius:3px;padding:0;display:flex;align-items:center;justify-content:center}.ladder-cell:hover{border-color:var(--edge);background:#4aa3ff0d}.ladder-cell.is-selected{border-color:var(--live);background:#ffb02014}.ladder-cell.is-marked:not(.is-selected){border-color:color-mix(in srgb,var(--live) 45%,transparent);background:#ffb0200a}.ladder-cell.is-lifted{opacity:.32}.ladder-cell.is-drop{border-color:var(--info);border-style:dashed;background:#4aa3ff1a}.col-drop{position:absolute;top:0;width:2px;margin-left:-1px;background:var(--info);box-shadow:0 0 6px #4aa3ffb3;pointer-events:none;z-index:3}.cell-grid{user-select:none;-webkit-user-select:none}.cell-addr{font-family:var(--font-mono);font-size:11px;font-weight:700}.cell-reg{fill:var(--dev-d)}.cell-preset{font-family:var(--font-mono);font-size:10px;fill:var(--ink-dim)}.cell-dest-pill{fill:color-mix(in srgb,var(--dev-d) 16%,transparent);stroke:color-mix(in srgb,var(--dev-d) 55%,transparent);stroke-width:1}.cell-dest{font-family:var(--font-mono);font-size:10px;font-weight:700;fill:var(--dev-d)}.vlink{position:absolute;width:12px;padding:0;background:transparent;border:none;cursor:pointer;z-index:2}.vlink:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:transparent;border-radius:2px}.vlink:not(:disabled){cursor:pointer}.vlink:not(:disabled):hover:before{background:var(--edge-strong)}.vlink.active:before{background:var(--wire-idle)}.vlink.active.live:before{background:var(--live);box-shadow:0 0 6px #ffb020cc}.add-rung{align-self:flex-start;margin-top:8px}.symbol-field{position:relative;display:inline-flex;align-items:center}.symbol-field>input{width:100%}.symbol-echo{position:absolute;right:5px;pointer-events:none;font-family:var(--font-mono);font-size:9px;line-height:1;opacity:.75}.cell-menu{position:fixed;z-index:60;display:flex;flex-direction:column;min-width:180px;padding:4px;background:var(--panel-2);border:1px solid var(--edge-strong);border-radius:var(--radius);box-shadow:var(--shadow)}.cell-menu-item{padding:6px 10px;border:0;border-radius:4px;background:none;color:var(--ink);text-align:left;font-size:12px;cursor:pointer}.cell-menu-item:hover:not(:disabled){background:color-mix(in srgb,var(--live) 14%,transparent)}.cell-menu-item:disabled{color:var(--muted);cursor:not-allowed}.cell-menu-sep{margin:4px 6px;border:0;border-top:1px solid var(--edge)}.cell-menu-item.danger:hover:not(:disabled){background:color-mix(in srgb,var(--stop) 14%,transparent);color:var(--stop)}.symbol-list{position:absolute;top:calc(100% + 3px);left:0;z-index:40;margin:0;padding:3px;list-style:none;min-width:max(210px,100%);max-height:244px;overflow-y:auto;background:var(--panel-2);border:1px solid var(--edge-strong);border-radius:var(--radius);box-shadow:var(--shadow)}.symbol-row{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"name addr origin" "detail detail detail";gap:0 8px;width:100%;padding:4px 6px;border:0;border-radius:3px;background:none;color:var(--ink);text-align:left;cursor:pointer}.symbol-row.is-active,.symbol-row:focus-visible{background:color-mix(in srgb,var(--live) 14%,transparent);outline:none}.symbol-name{grid-area:name;font-family:var(--font-mono);font-size:12px}.symbol-addr{grid-area:addr;font-family:var(--font-mono);font-size:11px}.symbol-origin{grid-area:origin;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-self:center}.symbol-detail{grid-area:detail;font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vars-panel{display:flex;flex-direction:column;gap:8px;padding:10px 12px}.vars-head{display:flex;align-items:baseline;gap:8px}.vars-head h3{margin:0;font-family:var(--font-display);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.vars-count{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.vars-empty{margin:0;font-size:11.5px;line-height:1.5;color:var(--muted);max-width:46ch}.vars-table{width:100%;border-collapse:collapse;font-size:11.5px}.vars-table th{text-align:left;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:0 6px 4px 0;border-bottom:1px solid var(--edge)}.vars-table td{padding:3px 6px 3px 0;vertical-align:middle}.vars-table tr.is-locked td{color:var(--ink-dim)}.vars-kind{font-size:10px;color:var(--muted)}.vars-addr{font-family:var(--font-mono);font-size:11px;padding:1px 5px;border-radius:2px;border:1px solid currentColor;background:color-mix(in srgb,currentColor 12%,transparent)}.vars-comment{font-size:11px;color:var(--muted)}.vars-add{display:flex;align-items:center;gap:6px;padding-top:4px;border-top:1px solid var(--edge)}.vars-add>input{flex:1 1 auto;min-width:0}.vars-next{font-size:10px;color:var(--muted);min-width:34px;text-align:right}.vars-problem{margin:0;font-size:11px;color:var(--stop);max-width:46ch}.vars-missing{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.vars-missing-lead{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--warn, #c9772f)}.vars-miss{padding:2px 7px;border:1px dashed var(--warn, #c9772f);border-radius:999px;background:none;color:var(--ink-dim);font-family:var(--font-mono);font-size:11px;cursor:pointer}.vars-miss:hover{border-style:solid;color:var(--ink);background:color-mix(in srgb,var(--warn, #c9772f) 14%,transparent)}.cabinet-editor{flex:1;display:flex;flex-direction:column;padding:12px;min-height:0;background:linear-gradient(180deg,var(--inset),var(--panel-2))}.cabinet-svg{flex:1;width:100%;min-height:0;-webkit-user-select:none;user-select:none;touch-action:none}.cabinet-help{margin:8px 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cab-tabs{display:flex;gap:6px;margin-bottom:10px}.cab-tabs button{padding:5px 14px;border-radius:6px;border:1px solid var(--edge);background:var(--panel-2);color:var(--ink-dim);font-family:var(--font-display);font-size:12px;letter-spacing:.05em;cursor:pointer}.cab-tabs button.active{background:var(--inset);color:var(--live);border-color:var(--edge-strong)}.cab-deco,.cab-deco *{pointer-events:none}.cab-motor-dir{fill:var(--live);font-family:var(--font-mono);font-size:11px;text-anchor:middle}.cab-terminal{stroke:var(--edge-strong);stroke-width:1}.cab-terminal.selected{stroke:var(--live);stroke-width:2.5}.cab-terminal-hit{fill:transparent;cursor:pointer}.cab-terminal-hit:hover+text,.cab-terminal-hit:hover{stroke:var(--live);stroke-width:1}.cab-term-label{fill:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:600;text-anchor:middle;pointer-events:none}.cab-term-label.side{text-anchor:start}.cab-wire{fill:none;stroke-width:2.5;stroke-linecap:round}.cab-wire.energized{stroke-width:3;filter:drop-shadow(0 0 3px currentColor)}.cab-wire.selected{stroke-dasharray:6 4;stroke-width:3.5}.cab-wire-hit{fill:none;stroke:transparent;stroke-width:12;cursor:pointer}.cab-pending{stroke:var(--live);stroke-width:1.5;stroke-dasharray:5 4;pointer-events:none}.cab-wire-delete{cursor:pointer}.cab-wire-delete circle{fill:var(--panel-2);stroke:var(--stop, #e5484d)}.cab-wire-delete text{fill:var(--stop, #e5484d);font-size:10px;text-anchor:middle}.cab-faults{margin:8px 0 0;padding-left:18px;color:var(--stop, #e5484d);font-size:12px}.sch-paper{fill:#f7f4ec;stroke:#c8c1ad;stroke-width:1}.sch-frame{fill:none;stroke:#b9b19c;stroke-width:.8}.sch-title rect{fill:#fffdf6;stroke:#b9b19c;stroke-width:.8}.sch-title text{fill:#2c3138;font-family:var(--font-mono);font-size:9px}.sch-title text.sch-dim{fill:#9a927c;font-size:7px}.sch-ink{stroke:#2c3138;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.sch-coil,.sch-lens,.sch-motor{fill:#f7f4ec}.sch-link{stroke-dasharray:3 3;stroke-width:1}.sch-glyph{fill:#2c3138;font-family:var(--font-mono);font-size:13px;font-weight:600;text-anchor:middle}.sch-glyph.sm{font-size:8px;font-weight:400}.sch-ref{fill:#2c3138;font-family:var(--font-mono);font-size:11px;font-weight:700;text-anchor:end}.sch-rail-label{fill:#2c3138;font-family:var(--font-mono);font-size:12px;font-weight:700;text-anchor:end}.cab-term-label.sch-term{fill:#6b6350}.sch-view .cab-terminal{stroke:#6d6653}.sch-view .cab-terminal.selected{stroke:var(--live)}.sch-part.energized .sch-ink{stroke:#b45309}.sch-part.energized .sch-coil,.sch-part.energized .sch-lens,.sch-part.energized .sch-motor{fill:#fde68a}.pnl-encl{fill:#b7bbb5;stroke:#878c85;stroke-width:1.5}.pnl-plate{fill:#d6d9d2;stroke:#a8ada4;stroke-width:1}.pnl-door{fill:#cdd0c9;stroke:#9fa49b;stroke-width:1.2}.pnl-screw{fill:#9aa0a6;stroke:#6c7176;stroke-width:.8}.pnl-duct{fill:#c3cad1;stroke:#8f99a3;stroke-width:1}.pnl-duct-slot{fill:#8f99a3;opacity:.55}.pnl-plate-label{fill:#565b54;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em;text-anchor:middle}.pnl-dev-body{stroke:#878d92;stroke-width:1}.pnl-dev.energized .pnl-dev-body{stroke:var(--live);filter:drop-shadow(0 0 5px rgba(255,176,32,.4))}.pnl-dev-id{fill:#f2f4f5;font-family:var(--font-mono);font-size:12px;font-weight:700}.pnl-dev-id.center{text-anchor:middle}.pnl-dev-sub{fill:#ccd1d6;font-family:var(--font-mono);font-size:8px}.pnl-dev-sub.center{text-anchor:middle}.pnl-dev-sub.xs{font-size:6px;fill:#4b525c}.pnl-flag{fill:#23272c;stroke:#14181c}.pnl-flag.on{fill:var(--live);filter:drop-shadow(0 0 4px rgba(255,176,32,.7))}.pnl-bezel{fill:#2e3338;stroke:#171b1f;stroke-width:1}.pnl-btn-glyph{fill:#fff;font-family:var(--font-mono);font-size:9px;font-weight:700;text-anchor:middle}.cab-deco .pnl-op,.cab-deco .pnl-op *{pointer-events:all}.pnl-op{cursor:pointer;outline:none}.pnl-op .pnl-cap{transform-box:fill-box;transform-origin:center;transition:transform 80ms ease}.pnl-op:hover .pnl-cap{filter:brightness(1.15)}.pnl-op:focus-visible .pnl-cap{filter:brightness(1.25) drop-shadow(0 0 3px rgba(255,255,255,.65))}.pnl-op.pressed .pnl-cap{transform:scale(.82);filter:brightness(.9)}.pnl-lens{fill:#7a6420;stroke:#4c3f16;stroke-width:1}.pnl-lens.on{fill:#ffd23e;filter:drop-shadow(0 0 6px rgba(255,210,62,.9))}.pnl-screwterm{fill:#dfe2e5;stroke:#70767c;stroke-width:1}.pnl-screwslot{stroke:#70767c;stroke-width:1.4}.pnl-cable{fill:none;stroke:#23272c;stroke-width:9;stroke-linecap:round}.cab-term-label.pnl-term{fill:#23282e;paint-order:stroke;stroke:#eef0ecd9;stroke-width:2.5;stroke-linejoin:round}.pnl-view .cab-terminal{stroke:#565c63}.pnl-view .cab-terminal.selected{stroke:var(--live)}.pnl-fan{transform-box:fill-box;transform-origin:center}.pnl-fan.fwd{animation:pnl-spin 1.1s linear infinite}.pnl-fan.rev{animation:pnl-spin 1.1s linear infinite reverse}@keyframes pnl-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pnl-fan.fwd,.pnl-fan.rev{animation:none}}.cab-zoom g{cursor:pointer}.cab-zoom rect{fill:var(--panel-2);stroke:var(--edge-strong);stroke-width:1}.cab-zoom text{fill:var(--ink-dim);font-family:var(--font-mono);font-size:13px;text-anchor:middle}.cab-zoom g:hover rect{stroke:var(--live)}.cab-zoom g:hover text{fill:var(--live)}.hmi{padding:14px;-webkit-user-select:none;user-select:none}.hmi-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.scan-dot{font-family:var(--font-mono);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.scan-dot.live{color:var(--run)}.scan-dot.live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--run);box-shadow:0 0 8px var(--run);animation:pulse .6s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.hmi-controls{display:flex;gap:8px;margin-bottom:14px}.hmi-controls .btn{flex:1;padding:9px 8px}.hmi-io{display:flex;flex-direction:column;gap:12px}.io-title{display:block;margin-bottom:6px}.hmi-analog{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.analog-widget{display:flex;flex-direction:column;gap:5px;padding:8px 10px;border:1px solid var(--edge);border-radius:8px;background:color-mix(in srgb,var(--panel) 70%,transparent)}.analog-head{display:flex;align-items:baseline;gap:8px}.analog-name{font-size:12px;color:var(--muted);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analog-value{font-size:14px;font-weight:700;white-space:nowrap}.analog-units{font-size:10px;font-weight:500;opacity:.75}.analog-counts{font-size:10px;color:var(--muted);opacity:.8}.analog-bar{height:10px;border-radius:5px;background:color-mix(in srgb,var(--edge) 70%,transparent);overflow:hidden}.analog-fill{height:100%;border-radius:5px;transition:width 80ms linear}.analog-trend{width:100%;height:44px;display:block;border-radius:4px;background:color-mix(in srgb,var(--bg) 60%,transparent)}.trend-grid{stroke:var(--edge);stroke-width:.5;opacity:.55}.machine-view{padding:12px;margin-bottom:16px;background:linear-gradient(180deg,var(--inset),var(--panel-2))}.mv-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.mv-tag{position:relative;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.mv-tag-icon{width:12px;height:12px;flex:none}.mv-tag.warn{color:var(--stop);cursor:help}.mv-tag[data-tip]:hover:after,.mv-tag[data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);right:0;z-index:6;width:max-content;max-width:260px;padding:7px 9px;border:1px solid var(--edge);border-radius:6px;background:var(--panel-2);box-shadow:0 6px 18px #00000073;color:var(--ink);font-family:var(--font-body);font-size:11px;line-height:1.45;text-align:left;white-space:normal}.machine3d{position:relative;width:100%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.machine3d:active{cursor:grabbing}.machine3d-hint{position:absolute;right:6px;bottom:4px;font-family:var(--font-mono);font-size:10px;color:var(--muted);opacity:.6;pointer-events:none}.machine3d-zoom{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.machine3d:hover .machine3d-zoom,.machine3d:focus-within .machine3d-zoom{opacity:1}.mv-readout{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:6px;margin-top:8px}.mv-stat{min-width:0;display:flex;flex-direction:column;gap:2px;padding:6px 8px;border:1px solid var(--edge);border-radius:var(--radius);background:var(--inset)}.mv-stat-label{font-family:var(--font-display);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.mv-stat-value{font-family:var(--font-mono);font-size:13px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mv-stat.on{border-color:color-mix(in srgb,var(--run) 55%,var(--edge))}.mv-stat.on .mv-stat-value{color:var(--run)}.machine-view.plant{position:relative;padding:0;margin:0;display:flex;min-height:0;background:none;border:none}.machine-view.plant>.machine3d{flex:1 1 auto;min-width:0}.mv-head.floating{position:absolute;inset:8px 8px auto 10px;z-index:3;margin:0;flex-wrap:wrap;gap:8px;pointer-events:none}.mv-head.floating>*{pointer-events:auto}.mv-flow{display:flex;flex-wrap:wrap;gap:5px}.mv-flow-stat{display:flex;align-items:baseline;gap:6px;padding:3px 8px;border:1px solid var(--edge);border-radius:var(--radius);background:color-mix(in srgb,var(--inset) 82%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mv-flow-stat.on{border-color:color-mix(in srgb,var(--run) 55%,var(--edge))}.mv-flow-stat.on .mv-stat-value{color:var(--run)}.mv-flow-stat.warn{border-color:color-mix(in srgb,var(--stop) 60%,var(--edge))}.mv-flow-stat.warn .mv-stat-value{color:var(--stop)}.line-preview{display:flex;flex-direction:column;height:100%;min-height:0}.lp-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 14px;border-bottom:1px solid var(--edge);background:var(--panel);font-size:13px}.lp-clock{font-variant-numeric:tabular-nums;color:var(--muted)}.lp-cams{display:flex;gap:4px}.lp-bar button{padding:3px 9px;border:1px solid var(--edge);border-radius:var(--radius);background:var(--inset);color:inherit;font:inherit;font-size:12px;cursor:pointer}.lp-bar button:hover{border-color:var(--muted)}.lp-bar button.on{border-color:var(--run);color:var(--run)}.lp-note{margin-left:auto;color:var(--muted);font-size:12px}.lp-scene{flex:1;min-height:0}.widget-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.widget{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 5px;background:var(--inset);border:1px solid var(--edge);border-radius:var(--radius)}.widget-label{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.widget-chiprow{display:flex;align-items:center;gap:4px}.widget-key{font-family:var(--font-mono);font-size:9px;line-height:14px;padding:0 4px;color:var(--muted);border:1px solid var(--edge-strong);border-bottom-width:2px;border-radius:4px}.widget-name{font-size:10px;line-height:1.2;color:var(--ink-dim);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-state{font-family:var(--font-mono);font-size:9px;color:var(--muted)}.lamp{width:26px;height:26px;border-radius:50%;border:2px solid currentColor;background:transparent;opacity:.85}.lamp.small{width:18px;height:18px}.lamp:not(.on){opacity:.4}.push,.toggle,.estop{padding:0;border:none;background:none}.push-cap{display:block;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#33445a,#1a2530);border:2px solid var(--edge-strong);box-shadow:0 3px #0b1017;transition:all .06s ease}.push.held .push-cap{background:radial-gradient(circle at 40% 35%,#2a3644,#10161d);box-shadow:0 0 #0b1017;transform:translateY(3px)}.toggle{width:38px;height:21px;border-radius:12px;background:var(--inset);border:1px solid var(--edge-strong);position:relative}.toggle-knob{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#4a5a6c;transition:all .12s ease}.toggle.on{background:color-mix(in srgb,var(--live) 30%,var(--inset));border-color:var(--live)}.toggle.on .toggle-knob{left:19px;background:var(--live);box-shadow:0 0 8px var(--live)}.estop-cap{display:block;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ff6a70,#b5161c);border:3px solid #7a0f13;box-shadow:0 3px #0b1017}.estop.pressed .estop-cap{transform:translateY(3px);box-shadow:0 0 12px var(--stop)}.motor{width:32px;height:32px;border-radius:50%;border:2px solid currentColor;position:relative;opacity:.5;display:grid;place-items:center}.motor.on{opacity:1;box-shadow:0 0 14px 1px currentColor}.motor-hub{width:7px;height:7px;border-radius:50%;background:currentColor;z-index:1}.motor-blades{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;border:2px dashed currentColor}.motor.on .motor-blades{animation:spin .5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-page{max-width:640px;margin:0 auto;padding:40px 28px;display:flex;flex-direction:column;gap:16px}.settings-page h1{font-size:28px;margin:6px 0 22px}.settings-card{padding:24px;display:flex;flex-direction:column;gap:20px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.setting-row strong{font-family:var(--font-display)}.toggle-row input{width:20px;height:20px;accent-color:var(--live)}.saved-tick{color:var(--run);font-size:13px}