.shell .workbench-main{max-width:none;margin:0;padding:0}.wb{background:var(--canvas);flex-direction:column;height:100vh;display:flex}.wb-head{background:var(--bg-900);border-bottom:1px solid var(--line-100);flex:none;align-items:center;gap:14px;min-height:62px;padding:8px 16px;display:flex}.wb-back{color:var(--ink-700)}.wb-title{flex:1;min-width:0;display:grid}.wb-kicker{font-size:var(--fs-15);color:var(--ink-500);white-space:normal;overflow-wrap:anywhere}.wb-title h1{font-size:var(--fs-19);letter-spacing:-.015em;white-space:normal;overflow-wrap:anywhere}.wb-head-actions{align-items:center;gap:8px;display:flex}.wb-transport{z-index:30;background:var(--bg-900);border-bottom:1px solid var(--line-100);flex-wrap:wrap;flex:none;align-items:center;gap:10px 14px;padding:10px 16px;display:flex;position:sticky;top:0}.wb-help-controls{align-items:center;gap:8px;margin-left:auto;display:flex}.btn.hint-shortcut{color:#ffe9a8;background:#ffd65c1a;border-color:#ffd65c73}.btn.hint-shortcut svg{color:#ffd65c;fill:#ffd65c4d;filter:drop-shadow(0 0 4px #ffd65c8c)}.btn.hint-shortcut:hover:not(:disabled){color:#fff4cf;background:#ffd65c2b;border-color:#ffd65cbf}.wb-transport .btn,.wb-transport .speed-select,.wb-fullscreen-controls .btn,.wb-fullscreen-controls .speed-select{min-height:40px}.wb-fullscreen-controls{border-bottom:1px solid var(--line-200);background:var(--surface);flex:none;padding:10px 12px;display:flex}.wb-fullscreen-controls .run-controls{flex-wrap:wrap}.wb .wb-transport .simulation-state{font-size:var(--fs-15)}.wb-layout{border-radius:var(--r-sm);background:var(--canvas-2);gap:2px;padding:3px;display:inline-flex}.wb-layout button{min-height:32px;font-size:var(--fs-15);color:var(--ink-600);border-radius:5px;align-items:center;gap:6px;padding:0 10px;font-weight:560;display:inline-flex}.wb-layout button[aria-pressed=true]{background:var(--surface);color:var(--ink-950);box-shadow:var(--shadow-1)}.wb .draft-recovery{border:1px solid var(--line-200);border-radius:var(--r-md);background:var(--surface);font-size:var(--fs-15);flex:none;margin:10px 14px 0;padding:8px 14px}.wb .draft-recovery p{color:var(--ink-600);margin:4px 0 8px}.wb .draft-recovery summary{cursor:pointer;font-weight:600}.wb .draft-recovery-actions{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.wb-main{grid-template-columns:minmax(0, var(--editor-width)) 12px minmax(0, 1fr);flex:1;min-height:520px;padding:12px 14px;display:grid}.wb.plant-focus .wb-main{grid-template-columns:minmax(0,1fr)}.wb.plant-focus .wb-code,.wb.plant-focus .wb-divider{display:none}.wb-divider{cursor:col-resize;touch-action:none;position:relative}.wb-divider:after{content:"";background:var(--line-300);border-radius:2px;width:2px;height:44px;margin-top:-22px;position:absolute;top:50%;left:5px}.wb-divider:hover:after,.wb-divider:focus-visible:after{background:var(--brand-500)}.wb-divider:focus-visible,.wb-dock-resize:focus-visible,.interface-strip-resize:focus-visible,.wb-brief-resize:focus-visible{box-shadow:none}.interface-strip-resize,.wb-brief-resize{cursor:row-resize;touch-action:none;flex:none;height:10px;position:relative}.interface-strip-resize:after,.wb-brief-resize:after{content:"";background:var(--line-300);border-radius:2px;width:44px;height:2px;margin-left:-22px;position:absolute;top:4px;left:50%}.interface-strip-resize:hover:after,.interface-strip-resize:focus-visible:after,.wb-brief-resize:hover:after,.wb-brief-resize:focus-visible:after{background:var(--brand-500)}.wb-fullscreen{white-space:nowrap}.wb-fullscreen-esc{font-family:var(--font-mono);color:var(--on-dark-2);border:1px solid #ffffff47;border-radius:5px;padding:1px 6px;font-size:12px}.diagnostic-start-again{justify-self:start;width:fit-content}.wb-fullscreen-on .guest-note{display:none}.wb-plant{min-width:0;min-height:0;container:plant/inline-size}.wb .stage-canvas{min-height:240px}.wb .stage-foot{min-height:0;overflow-y:auto}.wb .stage-foot:focus-visible{outline:2px solid var(--brand-700);outline-offset:-2px}.wb-code{border:1px solid var(--line-200);border-radius:var(--r-md);background:var(--night-900);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;container:code/inline-size}.wb-brief{background:var(--surface);border-bottom:1px solid var(--line-200);flex:0 auto;min-height:46px;overflow-y:auto}.wb .brief-toggle{width:100%;min-height:46px;font-size:var(--fs-15);color:var(--ink-950);text-align:left;align-items:center;gap:12px;padding:0 14px;font-weight:620;display:flex}.wb .brief-toggle>span:first-child{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.wb .brief-toggle svg{color:var(--brand-600)}.brief-summary{min-width:0;color:var(--ink-500);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.wb-brief.open .brief-summary{visibility:hidden}.wb .brief-content{max-height:min(34vh,340px);font-size:var(--fs-15);color:var(--ink-800);padding:2px 16px 14px;overflow-y:auto}.wb .brief-objective{font-size:var(--fs-16);color:var(--ink-900);margin:0 0 10px}.wb .criteria{color:var(--ink-700);gap:6px;margin:0 0 12px;padding-left:20px;display:grid}.wb .criteria li::marker{color:var(--brand-600);font-weight:650}.wb .operator-report{border-left:3px solid var(--brand-600);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--brand-50);font-size:var(--fs-15);margin:0 0 12px;padding:12px 14px}.wb .operator-report blockquote{font-size:var(--fs-16);color:var(--ink-900);margin:6px 0}.wb .operator-report span{color:var(--ink-600)}.wb .workbench-guide{border:1px solid var(--line-200);border-radius:var(--r-sm);margin:8px 0;padding:8px 12px;display:block}.wb .workbench-guide summary{cursor:pointer;color:var(--ink-800);font-weight:600}.wb .workbench-guide ol{gap:6px;margin:8px 0;padding-left:20px;display:grid}.wb .brief-actions{gap:8px;margin:10px 0 4px;display:flex}.wb .brief-beginner-callout{border:1px solid var(--line-200);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-800);align-items:flex-start;gap:10px;margin:12px 0 6px;padding:10px 12px;font-size:13.5px;line-height:1.5;display:flex}.wb .brief-beginner-callout svg{color:#16a34a;flex:none;margin-top:2px}.wb .brief-beginner-callout strong{color:var(--ink-950);margin-bottom:2px;font-size:13.5px;display:block}.wb .brief-beginner-callout p{margin:0}.wb .brief-beginner-callout .text-link-btn{font:inherit;color:var(--brand-700,#0284c7);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:13.5px;text-decoration:underline;display:inline}.wb .brief-beginner-callout .text-link-btn:hover{color:var(--brand-900,#0369a1)}.wb .hint-history{border:1px solid var(--line-200);border-radius:var(--r-sm);background:var(--surface-2);margin:10px 0 0;padding:6px 12px}.wb .hint-history summary{cursor:pointer;color:var(--ink-700);font-weight:600}.wb .hint-history ol{color:var(--ink-800);gap:8px;margin:8px 0 4px;padding:0;list-style:none;display:grid}.wb .hint-history li strong{color:var(--warn-700);display:block}.wb .hint{border-radius:var(--r-sm);background:var(--warn-100);color:var(--ink-900);outline:none;gap:10px;margin:10px 0 0;padding:10px 12px;display:flex}.wb .hint svg{color:var(--warn-700);margin-top:3px}.wb .hint strong{color:var(--warn-700);display:block}.wb .pane-heading{background:var(--night-800);border-bottom:1px solid var(--night-700);min-height:48px;color:var(--night-text);flex:none;align-items:center;gap:8px;padding:6px 8px 6px 10px;display:flex}.wb .pane-heading .problem-link{color:var(--night-text);opacity:.72;margin-left:auto}.wb .pane-heading .problem-link:hover{opacity:1}.wb .pane-heading select{background:var(--night-700);border-color:var(--night-600);max-width:190px;height:34px;color:var(--night-text);font-weight:560}.wb .language-picker{align-items:center;gap:6px;min-width:0;display:flex}.wb .language-maker{padding:0 4px;font-size:13px;font-weight:560}.wb .language-tabs{border-radius:var(--r-sm);background:var(--night-900);border:1px solid var(--night-600);gap:2px;padding:3px;display:inline-flex}.wb .language-tabs button{border-radius:calc(var(--r-sm) - 2px);height:28px;color:var(--night-text);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:13px;font-weight:560}.wb .language-tabs button:hover:not(:disabled,[aria-pressed=true]){background:var(--night-700)}.wb .language-tabs button[aria-pressed=true]{background:var(--lamp-on-dark);color:#0b0d10}.wb .language-tabs button:disabled{opacity:.38;cursor:not-allowed}.wb .language-tabs button:focus-visible{outline:2px solid var(--lamp-on-dark);outline-offset:1px}.wb .pane-spacer{flex:1}.wb .editor-tabs{background:var(--night-800);border:0;border-bottom:1px solid var(--night-700);scrollbar-width:none;flex:none;align-items:stretch;gap:2px;min-height:42px;padding:0 8px;display:flex;overflow-x:auto}.wb .editor-tabs::-webkit-scrollbar{display:none}@property --edge-start{syntax:"<length>";inherits:false;initial-value:0}@property --edge-end{syntax:"<length>";inherits:false;initial-value:0}@keyframes scroll-edges{0%{--edge-start:0px;--edge-end:40px}8%,92%{--edge-start:40px;--edge-end:40px}to{--edge-start:40px;--edge-end:0px}}@supports (animation-timeline:scroll()){.wb .editor-tabs,.wb .monitor-tabs,.rig-picker{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--edge-start), #000 calc(100% - var(--edge-end)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--edge-start), #000 calc(100% - var(--edge-end)), transparent);animation:linear both scroll-edges;animation-timeline:scroll(self inline)}}.wb .editor-tabs button{min-height:41px;font-family:var(--font-mono);font-size:var(--fs-15);color:var(--night-muted);white-space:nowrap;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.wb .editor-tabs button:hover{color:var(--night-text);background:var(--night-700)}.wb .editor-tabs button:last-child{margin-left:0}.wb .editor-tabs button:focus-visible,.wb .editor-tabs button.active:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-colour)}.wb .editor-tabs button.active{color:var(--night-text);background:var(--night-900);border-bottom-color:var(--editor-accent);box-shadow:none}.wb-brief.tucked{display:none}.wb .editor-tabs button.brief-tucked{color:var(--night-text);margin-left:auto;font-family:inherit;font-weight:620}.wb .editor-tabs button.brief-tucked svg{color:var(--brand-400,var(--editor-accent))}.wb .tab-count{background:var(--night-600);min-width:22px;height:22px;color:var(--night-text);font-family:var(--font-sans);font-size:var(--fs-15);border-radius:999px;place-items:center;padding:0 6px;font-weight:600;line-height:1;display:inline-grid}.wb .revision{font-family:var(--font-mono);font-size:var(--fs-15);color:var(--night-muted);white-space:nowrap}.wb .pane-heading .icon-btn{border-color:var(--night-600);color:var(--night-text);background:0 0}.wb .pane-heading .icon-btn:hover{background:var(--night-700)}.wb .reset-draft{border-radius:var(--r-sm);border:1px solid var(--night-600);min-height:34px;font-size:var(--fs-15);color:var(--night-text);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.wb .reset-draft:hover:not(:disabled){background:var(--night-700)}.wb .editor-content{background:var(--night-900);flex:1;min-height:180px;overflow:hidden}.wb .interface-strip{background:var(--night-800);border-bottom:1px solid var(--night-700);min-height:37px;color:var(--night-text);font-size:var(--fs-15);flex-direction:column;flex:0 auto;display:flex;overflow:hidden}.wb .interface-strip-bar{flex:none;align-items:center;gap:10px;min-height:36px;padding:0 6px 0 4px;display:flex}.wb .interface-strip-toggle,.wb .interface-strip-edit,.wb .interface-strip-scope{border-radius:var(--r-sm);min-height:30px;color:var(--night-text);white-space:nowrap;align-items:center;gap:7px;padding:0 8px;display:inline-flex}.wb .interface-strip-toggle{font-family:var(--font-mono)}.wb .interface-strip-scope,.wb .interface-strip-edit{color:var(--night-muted);margin-left:auto;font-size:14px}.wb .interface-strip-scope+.interface-strip-edit{margin-left:0}.wb .interface-strip-toggle:hover,.wb .interface-strip-edit:hover,.wb .interface-strip-scope:hover{background:var(--night-700);color:var(--night-text)}.wb .interface-strip-names{max-height:4.6em;color:var(--night-muted);flex-wrap:wrap;gap:2px 16px;margin:-4px 0 0;padding:0 12px 7px 34px;font-size:14px;line-height:1.5;display:flex;overflow-y:auto}.wb .interface-strip-names b{font-family:var(--font-mono);margin-right:6px;font-size:13px;font-weight:600}.wb .interface-strip-names code+code{margin-left:8px}.wb .interface-strip-names code{font-family:var(--font-mono);color:var(--syntax-variable)}.wb .interface-strip-table{border-top:1px solid var(--night-700);background:var(--night-900);flex:0 auto;min-height:0;max-height:150px;overflow:auto}.wb .interface-strip-table:focus-visible{outline:2px solid var(--focus-colour);outline-offset:-2px}.wb .interface-strip table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.35}.wb .interface-strip thead th{z-index:1;background:var(--night-800);border-bottom:1px solid var(--night-700);color:var(--night-muted);text-align:left;white-space:nowrap;padding:4px 10px;font-weight:560;position:sticky;top:0}.wb .interface-strip thead th:first-child{width:1%}.wb .interface-strip td,.wb .interface-strip .interface-section{vertical-align:top;padding:3px 10px}.wb .interface-strip .interface-first>*{border-top:1px solid var(--night-700)}.wb .interface-strip tbody tr:first-child>*{border-top:0}.wb .interface-strip .interface-section{color:var(--night-muted);font-family:var(--font-mono);text-align:left;white-space:nowrap;font-size:13px;font-weight:600}.wb .interface-strip code{font-family:var(--font-mono);white-space:nowrap;font-size:14px}.wb .interface-strip .interface-name code{color:var(--syntax-variable)}.wb .interface-strip .interface-comment{min-width:180px;color:var(--night-muted)}.wb .editor-status{background:var(--night-800);border-top:1px solid var(--night-700);color:var(--night-muted);font-size:var(--fs-15);white-space:nowrap;flex:none;justify-content:space-between;gap:10px;padding:7px 12px;display:flex}.wb .editor-status .has-diagnostics{color:var(--night-fault-text)}.wb .stage-title strong{display:block}.wb .run-controls{flex:none;align-items:center;gap:6px;display:flex}.wb .speed-select{height:36px;padding:0 8px;font-weight:560}.wb .simulation-state{align-items:center;gap:6px;display:inline-flex}.wb .simulation-state>.chip{min-height:32px;color:var(--ink-800);border-left:0;margin-left:0;padding:0 10px;display:inline-flex}.wb .simulation-state>.chip.ok{color:var(--ok-700)}.wb .simulation-state>.chip.fault{color:var(--fault-700)}.wb .simulation-state>.chip.brand{color:var(--brand-700)}.wb .test-summary.failed{color:var(--warn-700);background:var(--warn-100)}.operator-strip{border-bottom:1px solid var(--line-100);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex}.operator-label{font-size:var(--fs-15);color:var(--ink-500);margin-right:4px}.help-short{display:none}.operator-label.run-first{color:var(--ink-950);font-weight:600}.operator-strip button{border-radius:var(--r-sm);border:1px solid var(--line-300);background:var(--surface);min-height:34px;font-size:var(--fs-15);color:var(--ink-800);align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.operator-strip button:hover:not(:disabled){border-color:var(--ink-500)}.operator-strip button.cue{border-color:var(--brand-600);animation:operator-cue 1.4s var(--stepped-in-out-24,ease-in-out) infinite}.btn.run-nudge{animation:operator-cue 1.4s var(--stepped-in-out-24,ease-in-out) infinite}.wb .simulation-state>.force-light{cursor:pointer;color:#1a1400;font-family:var(--font-mono);letter-spacing:.04em;background:#f5c518;border:0;border-radius:6px;flex:none;margin-left:6px;padding:2px 8px;font-size:.8125rem;font-weight:700;display:inline-block}@keyframes operator-cue{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--brand-600) 45%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--brand-600) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.operator-strip button.cue,.btn.run-nudge{box-shadow:0 0 0 2px var(--brand-600);animation:none}}.operator-strip .op-name{overflow-wrap:normal;min-width:0}.operator-strip .op-state{color:var(--ink-500);font-size:var(--fs-15);font-weight:600}.operator-strip button.on .op-state{color:var(--ok-700)}.operator-strip .lamp{background:var(--bg-650);border-radius:50%;width:10px;height:10px;box-shadow:inset 0 1px 2px #10121640}.operator-strip button.on{border-color:var(--ok-border);background:var(--ok-100);color:var(--ok-700)}.operator-strip button.on .lamp{background:var(--run-400);box-shadow:0 0 0 3px var(--lamp-halo), 0 0 10px #1f9d5a73}.operator-strip button.momentary{touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 2px 0 var(--line-300);border-radius:999px;padding-inline:12px}.operator-strip button.momentary.on{box-shadow:none;transform:translateY(2px)}@container plant (max-width:979px){.operator-strip .operator-hold-tip{display:none}}@container plant (max-width:720px){.wb .operator-strip button.momentary .op-state{display:none}}.operator-strip .operator-hold-tip{background:0 0;border:0;min-height:34px;margin-left:auto;font-weight:500}.wb .mission-readouts{border:0;border-bottom:1px solid var(--line-100);background:var(--surface);border-radius:0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;padding:0;display:grid}.wb .mission-readouts>div{border-left:1px solid var(--line-100);gap:2px;padding:8px 14px;display:grid}.wb .mission-readouts>div:first-child{border-left:0}.wb .mission-readouts dt{font-size:var(--fs-15);color:var(--ink-500)}.wb .mission-readouts dt code{display:none}.wb .mission-readouts dd{font-size:var(--fs-17);font-variant-numeric:tabular-nums;margin:0;font-weight:640}.wb .mission-readouts dd.value-on{color:var(--ok-700)}.wb .equipment-summary{border-top:1px solid var(--line-100);background:var(--surface-2);font-size:var(--fs-15);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:8px 14px;display:flex}.wb .equipment-summary>div{gap:2px;display:grid}.wb .equipment-summary span{color:var(--ink-600)}.wb .equipment-inspector{border:0;border-top:1px solid var(--line-100);box-shadow:none;background:var(--surface-2);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:auto;border-radius:0;gap:6px;padding:12px 52px 12px 14px;display:grid;position:relative;inset:auto}.wb .equipment-inspector>div:first-child{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.wb .equipment-inspector p{font-size:var(--fs-15);color:var(--ink-600);padding:0;display:block}.wb .equipment-inspector>.icon-btn{position:absolute;top:10px;right:10px}.wb .tag-pills{flex-wrap:wrap;gap:6px;display:flex}.wb .tag-pills span{border-radius:var(--r-xs);background:var(--canvas-2);font-size:var(--fs-15);align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.wb .tag-pills b{font-family:var(--font-mono);color:var(--ink-700);font-weight:600}.wb .tag-pills b.value-on{color:var(--ok-700)}.wb .replay-strip{border-radius:var(--r-md);border:1px solid var(--line-300);background:var(--bg-800);color:var(--ink-950);flex:none;align-items:center;gap:12px;margin:0 14px 10px;padding:10px 14px;display:flex}.wb .replay-strip>div{min-width:0;display:grid}.wb .replay-strip strong{font-size:var(--fs-15)}.wb .replay-strip span{font-size:var(--fs-15);color:var(--night-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wb .replay-strip>input{min-width:120px;accent-color:var(--editor-accent);background:0 0;border:0;flex:1;padding:0}.wb .replay-strip .replay-position{font-family:var(--font-mono);color:var(--night-text)}.wb .replay-strip .icon-btn{border-color:var(--line-300);color:var(--night-text);background:0 0}.wb .replay-strip:has(.replay-bench){flex-wrap:wrap}.wb .replay-strip .replay-bench{color:var(--night-text);font-size:var(--fs-15);flex:0 0 100%;order:10;margin:0}.wb-dock{background:var(--surface);border-top:1px solid var(--line-200);flex:none}.wb-dock-bar{align-items:center;gap:8px;min-height:46px;padding:0 12px;display:flex}.wb .monitor-tabs{background:0 0;border:0;flex:1;gap:2px;min-width:0;padding:0;display:flex;overflow-x:auto}.wb .monitor-tabs button{min-height:46px;font-size:var(--fs-15);color:var(--ink-600);white-space:nowrap;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:8px;padding:0 12px;font-weight:560;display:inline-flex}.wb .monitor-tabs button:hover{color:var(--ink-950)}.wb .monitor-tabs button.active{color:var(--brand-700);border-bottom-color:var(--brand-600)}.wb .scan-counter{font-family:var(--font-mono);font-size:var(--fs-15);color:var(--ink-500);white-space:nowrap}.wb .monitor-body{border-top:1px solid var(--line-100);height:auto;min-height:0;max-height:min(25vh,220px);padding:14px 16px;overflow:auto}.wb .monitor-body[hidden]{display:none}.wb .panel-note{font-size:var(--fs-15);color:var(--ink-600)}.wb .modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f111573}.wb .modal{border-radius:var(--r-lg);max-width:760px;padding:32px}.wb .modal>p{color:var(--ink-700);font-size:var(--fs-16);line-height:1.65}.wb .modal pre{background:var(--night-900);color:var(--night-text);border-radius:var(--r-md);font-size:var(--fs-16)}.wb .modal-close{position:absolute;top:16px;right:16px}@media (max-width:1280px){.wb-layout span,.wb-xp{display:none}}@media (max-height:760px) and (min-width:901px){.wb-head{min-height:54px;padding-block:4px}.wb-kicker{display:none}.wb-main{padding-block:8px}.wb .monitor-body{height:30vh}}@media (max-width:900px){.wb-transport{top:var(--header-h);gap:8px;padding:10px 12px}.wb-transport .run-controls{flex-wrap:wrap;flex:0 0 100%;width:100%}.wb-transport .btn,.wb-fullscreen-controls .btn{font-size:var(--fs-15);gap:5px;padding-inline:6px}.wb-transport .speed-select,.wb-fullscreen-controls .speed-select{width:64px;padding-inline:4px}.wb-transport .simulation-state{margin-left:0}.wb-help-controls{flex-wrap:wrap;flex:auto;justify-content:flex-end;gap:6px;min-width:0;margin-left:auto}.wb-head .wb-transport{flex:100%;min-width:0;max-width:100%}.wb-head-actions,.wb-head-actions *{scroll-margin-top:calc(var(--header-h) + 140px)}.wb{height:auto;min-height:calc(100vh - var(--header-h))}.wb-head{flex-wrap:wrap;padding:8px 12px}.wb-title{flex-basis:100%;order:2}.wb-head-actions{flex-wrap:wrap;order:3;width:100%}.wb-layout{display:none}.wb-main,.wb.plant-focus .wb-main{flex-direction:column;gap:12px;padding:12px;display:flex}.wb.plant-focus .wb-code{display:flex}.wb-divider{display:none}.wb-plant{order:-1;height:72vh;min-height:460px}.wb-code{height:70vh;min-height:420px}.wb .monitor-body{height:auto;max-height:none}}.wb .reading{padding:8px 14px}.wb .reading-value{font-size:var(--fs-19)}.wb .reading-note{white-space:normal;overflow:visible}@container stage (max-width:780px){.operator-label:not(.run-first){display:none}.operator-strip{padding-inline:10px}.operator-strip button{gap:5px;padding:0 8px}.stage-view select{max-width:168px}}@container code (max-width:640px){.wb .revision{display:none}.wb .pane-heading select{max-width:150px}.wb .language-tabs button{padding:0 7px}}.wb .tag-interface,.wb .def-panel{height:100%;color:var(--night-text);font-size:var(--fs-15);padding:16px 18px 24px;overflow:auto}.wb .tag-interface>p{color:var(--night-muted)}.wb .tag-interface code,.wb .def-panel code{color:var(--syntax-variable);font-size:var(--fs-15)}.wb .tag-interface th,.wb .def-table th{text-align:left;color:var(--night-muted);border-bottom:1px solid var(--night-700);padding:8px 6px;font-weight:560}.wb .tag-interface td,.wb .def-table td{vertical-align:middle;padding:5px 6px}.wb .tag-interface input,.wb .tag-interface select,.wb .def-panel input,.wb .def-panel select{border:1px solid var(--night-600);border-radius:var(--r-sm);background:var(--night-950);height:36px;color:var(--night-text);font-size:var(--fs-15);padding:0 9px}.wb .tag-interface input[type=checkbox],.wb .def-panel input[type=checkbox]{width:18px;height:18px;accent-color:var(--editor-accent);padding:0}.wb .tag-interface input:hover,.wb .tag-interface select:hover,.wb .def-panel input:hover,.wb .def-panel select:hover{border-color:var(--night-muted)}.wb .def-panel input:not([type=checkbox]):not([type=number]),.wb .tag-interface td:nth-child(-n+2) input{font-family:var(--font-mono)}.wb .def-table input:not([type=checkbox]){width:100%;min-width:96px}.wb .def-table input[type=number]{max-width:120px}.wb .tag-interface>button,.wb .def-add{border:1px dashed var(--night-600);border-radius:var(--r-sm);min-height:36px;color:var(--night-text);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-weight:560;display:inline-flex}.wb .tag-interface>button:hover,.wb .def-add:hover:not(:disabled){background:var(--night-700);border-style:solid}.wb .def-add:disabled,.wb .def-icon:disabled{opacity:.4}.wb .def-panel{flex-direction:column;gap:14px;display:flex}.wb .def-panel:has(.def-source){gap:10px;padding-top:12px;padding-bottom:12px}.wb .def-panel:has(.def-source) .def-toolbar p{display:none}.wb .def-toolbar{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.wb .def-toolbar h2{color:var(--night-text);font-size:var(--fs-17);margin:0 0 4px}.wb .def-toolbar p{max-width:62ch;color:var(--night-muted);margin:0;line-height:1.5}.wb .def-seg{border:1px solid var(--night-600);border-radius:var(--r-sm);flex:none;padding:2px;display:inline-flex}.wb .def-seg button{min-height:32px;color:var(--night-muted);white-space:nowrap;border-radius:4px;padding:0 12px;font-weight:560}.wb .def-seg button[aria-pressed=true]{background:var(--night-700);color:var(--night-text)}.wb .def-problem{border:1px solid var(--warn-border);border-radius:var(--r-sm);background:var(--night-warn-bg);color:var(--night-warn-text);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.wb .def-problem svg{flex:none;margin-top:3px}.wb .def-problem p{margin:0;line-height:1.5}.wb .def-list{flex-direction:column;gap:14px;display:flex}.wb .def-card{border:1px solid var(--night-700);border-radius:var(--r-md);background:var(--night-800);padding:12px 14px 14px}.wb .def-card>header{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.wb .def-card>header strong{color:var(--night-text);font-size:var(--fs-16)}.wb .def-card>.def-add{margin-top:10px}.wb .def-table{border-collapse:collapse;width:100%}.wb .def-table th:last-child,.wb .def-table td:last-child{width:40px}.wb .def-meta{color:var(--night-muted)}.wb .def-card>header .def-meta{flex:1;min-width:12ch}.wb .def-none{color:var(--night-muted)}.wb .def-icon{border-radius:var(--r-sm);width:34px;height:34px;color:var(--night-muted);place-items:center;display:inline-grid}.wb .def-icon:hover:not(:disabled){background:var(--night-700);color:var(--night-text)}.wb .def-ghost{border:1px solid var(--night-600);border-radius:var(--r-sm);min-height:34px;color:var(--night-text);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.wb .def-ghost:hover{background:var(--night-700)}.wb .def-danger{border-radius:var(--r-sm);background:var(--fault-700);min-height:34px;color:var(--bg-950);white-space:nowrap;padding:0 12px;font-weight:600}.wb .def-danger:hover{background:var(--fault-700)}.wb .def-confirm{gap:6px;display:inline-flex}.wb .def-empty{border:1px dashed var(--night-600);border-radius:var(--r-md);color:var(--night-muted);align-items:flex-start;gap:12px;padding:16px;display:flex}.wb .def-empty p{max-width:60ch;margin:0;line-height:1.55}.wb .def-add-main{align-self:flex-start}.wb .def-blockbar{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.wb .def-blockbar .def-new{margin-left:auto}.wb .def-blockbar .def-name{width:150px}.wb .def-blockbar select{max-width:160px}.wb .def-namefield{flex-direction:column;gap:4px;display:inline-flex}.wb .def-panel .def-name{width:190px;min-width:0;color:var(--night-text);font-weight:600}.wb .def-name[aria-invalid=true]{border-color:var(--night-fault-text)}.wb .def-error{color:var(--night-fault-text);max-width:34ch}.wb .def-source{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.wb .def-caption{color:var(--night-muted);margin:0;line-height:1.5}.wb .def-caption svg{vertical-align:-2px}.wb .def-call{border-left:3px solid var(--editor-accent);background:var(--night-800);border-radius:0 var(--r-sm) var(--r-sm) 0;margin:0;padding:7px 10px;line-height:1.5}.wb .def-code{border:1px solid var(--night-700);border-radius:var(--r-sm);flex:1;min-height:200px;overflow:hidden}.wb .def-readonly ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.wb .def-readonly li{flex-wrap:wrap;gap:4px 12px;display:flex}.wb .def-readonly li span{color:var(--night-muted)}.wb .def-instances{flex-wrap:wrap;gap:6px;margin:0;display:flex}.wb .def-instances code{background:var(--night-700);border-radius:999px;padding:3px 9px}.wb .member-values{border:1px solid var(--night-600);border-radius:var(--r-sm);min-height:34px;color:var(--night-text);white-space:nowrap;padding:0 10px}.wb .member-values[aria-expanded=true]{background:var(--night-700)}.wb .member-row>td{padding:4px 6px 12px}.wb .member-values-grid{border:1px solid var(--night-700);border-radius:var(--r-sm);background:var(--night-800);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px 14px;padding:12px;display:grid}.wb .member-values-grid label{flex-direction:column;gap:4px;display:flex}.wb .member-note{color:var(--night-muted);grid-column:1/-1;margin:0}.wb .watch-internal{background:var(--warn-100);color:var(--warn-700);font-family:var(--font-sans);font-size:var(--fs-15);border-radius:999px;margin-left:6px;padding:1px 6px;font-style:normal}@container code (max-width:640px){.wb .def-toolbar{flex-direction:column}.wb .def-panel .def-name{width:100%;min-width:0}}.wb .structured-editor{background:var(--night-900);color:var(--night-text)}.wb .graph-toolbar{border-bottom:1px solid var(--night-700);background:var(--night-800);color:var(--night-muted);padding:7px 10px 7px 14px}.wb .diagram-guide{border-bottom:1px solid var(--night-700);background:var(--night-800);color:var(--night-muted);flex:none;padding:6px 14px}.wb .diagram-guide summary{cursor:pointer;width:fit-content;color:var(--night-text);font-weight:560}.wb .diagram-guide ol{gap:4px;margin:6px 0 4px;padding-left:22px;line-height:1.5;display:grid}@media (max-height:760px){.wb .diagram-guide ol{max-height:104px;overflow-y:auto}}.wb .diagram-guide li::marker{color:var(--editor-accent);font-weight:600}@media (max-height:760px){.wb .brief-content{max-height:26vh}.wb .graph-toolbar{padding-block:4px}}.wb .structured-editor button{border-color:var(--night-600);border-radius:var(--r-sm);min-height:34px;color:var(--night-text);padding:0 10px}.wb .structured-editor button:hover:not(:disabled){background:var(--night-700)}.wb .structured-editor input,.wb .structured-editor select{border-color:var(--night-600);border-radius:var(--r-sm);background:var(--night-950);color:var(--night-text)}.wb .structured-editor input[type=checkbox]{accent-color:var(--editor-accent)}.wb .structured-editor .ladder-popup button{min-height:32px}.wb .structured-editor .rung{border-color:var(--night-700)}.wb .structured-editor .rung.selected{border-color:var(--editor-accent);background:var(--night-800)}.wb .rung-number{color:var(--night-muted)}.wb .node-inspector{border-top:1px solid var(--night-700);background:var(--night-800);color:var(--night-text)}.wb .branch-edit,.wb .node-inspector details{border-top-color:var(--night-700)}.wb .contact-edit{border-color:var(--night-600);border-radius:var(--r-sm)}.wb .connection-row{border-bottom-color:var(--night-700)}.wb .flow-node{border-color:var(--night-600);border-radius:var(--r-sm);background:var(--night-800);color:var(--night-text)}.wb .flow-node-title{border-bottom-color:var(--night-600);background:var(--night-700);border-radius:5px 5px 0 0}.wb .flow-node-output{border-top-color:var(--night-600);color:var(--night-muted)}.wb .flow-node.initial{outline-color:var(--night-muted)}.wb .node-status{background:var(--night-muted)}.wb .react-flow{--xy-background-color:var(--night-950);--xy-edge-stroke:var(--editor-wire);--xy-edge-stroke-selected:var(--editor-accent)}.wb .react-flow__handle{background:var(--night-muted)!important;border-color:var(--night-950)!important}.wb .react-flow__controls button{background:var(--night-800)!important;border-color:var(--night-600)!important;color:var(--night-text)!important}.wb .react-flow__controls button svg{fill:currentColor}.wb .structured-editor .transition-label{border-color:var(--night-600);background:var(--night-700)}.wb .structured-editor .transition-label.selected,.wb .structured-editor .transition-label:focus-visible{outline-color:var(--editor-accent)}.wb .flow-node.energised{border-color:var(--editor-power)}.wb .energised .node-status{background:var(--editor-power)}.wb .structured-editor .transition-label.active{border-color:var(--editor-power);background:var(--editor-power-bg)}.mission-signals{border-top:1px solid var(--line-100)}.try-it-line{font-size:var(--fs-15);color:var(--ink-700);background:var(--surface-2);border-bottom:1px solid var(--line-100);margin:0;padding:8px 14px;line-height:1.45}.try-it-line strong{color:var(--brand-700);margin-right:6px}.mission-note{color:var(--ink-700);background:var(--surface-2);border-bottom:1px solid var(--line-100);margin:0;padding:8px 14px;line-height:1.45}.mission-note strong{color:var(--brand-700);margin-right:6px}.operator-strip .operator-test[aria-pressed=true]{color:var(--ink-950);border-color:var(--brand-700)}.operator-strip .operator-sound{background:0 0;border:0;align-items:center;gap:6px;min-height:34px;margin-left:auto;font-weight:500;display:inline-flex}.mission-readings{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));margin:0}.mission-readings .reading{flex-direction:column;display:flex}.mission-readings .reading-label{white-space:normal;flex:1;line-height:1.3}.mission-readings dd{margin:0}.mission-readings .reading-note{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}.mission-readings .reading-note code{font-size:var(--fs-15);color:var(--ink-500)}@media (min-width:701px){.wb .mission-readings .reading{flex-flow:wrap;align-items:baseline;column-gap:8px;padding-block:6px}.wb .mission-readings .reading-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1 0 100%;display:-webkit-box;overflow:hidden}}.mission-signals .try-it-line{align-items:flex-start;gap:6px;display:flex}.mission-signals .try-it-line strong{flex:none}.mission-signals .try-it-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.mission-signals .try-it-line.open .try-it-text{display:block}.mission-signals .try-it-toggle{border-radius:var(--r-xs);width:26px;height:22px;color:var(--ink-600);flex:none;place-items:center;margin-right:-6px;display:grid}.mission-signals .try-it-toggle:hover{background:var(--canvas-2);color:var(--ink-950)}.mission-signals .try-it-toggle svg{transition:transform .18s}.mission-signals .try-it-line.open .try-it-toggle svg{transform:rotate(180deg)}@container plant (min-width:980px){.wb .stage-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) clamp(280px,25cqi,360px);display:grid}.wb .stage-body>.stage-canvas{grid-area:1/1}.wb .stage-body>.stage-consequence{grid-area:2/1}.wb .stage-body>.stage-foot{border-top:0;border-left:1px solid var(--line-100);background:var(--surface-2);flex-direction:column;grid-area:1/2/3/3;display:flex}.wb .stage-foot .operator-strip{background:var(--surface);flex-flow:column;align-items:stretch;gap:8px;padding:14px}.wb .stage-foot .operator-label{color:var(--ink-700);margin:0 0 2px;font-weight:600;display:block}.wb .stage-foot .operator-strip button{min-height:40px;padding-inline:14px}.wb .stage-foot .operator-strip .op-state{margin-left:auto}.wb .stage-foot .operator-strip .operator-hold-tip{align-self:flex-start;min-height:0;margin:2px 0 0;padding:0;display:inline-flex}.wb .stage-foot .mission-signals{border-top:0}.wb .stage-foot .mission-readings{background:var(--surface);border-bottom:1px solid var(--line-100);grid-template-columns:minmax(0,1fr)}.wb .stage-foot .mission-readings .reading{border-left:0;border-top:1px solid var(--line-100);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value""note value";align-items:center;column-gap:14px;padding:8px 14px;display:grid}.wb .stage-foot .mission-readings .reading-label{color:var(--ink-700);grid-area:label;display:block}.wb .stage-foot .mission-readings .reading-value{text-align:right;max-width:150px;font-size:var(--fs-19);grid-area:value}.wb .stage-foot .mission-readings .reading-note{grid-area:note}.wb .stage-foot .try-it-line{border:1px solid var(--line-200);border-radius:var(--r-md);background:var(--surface);margin:12px 14px 14px;padding:10px 12px;line-height:1.5;display:block}.wb .stage-foot .try-it-line strong{margin:0 0 4px;display:block}.wb .stage-foot .try-it-text{display:block}.wb .stage-foot .try-it-toggle{display:none}.wb .stage-foot .process-feedback{grid-template-columns:minmax(0,1fr)}.wb .stage-foot .process-feedback .reading{border-left:0;border-top:1px solid var(--line-100)}.wb .stage-foot .equipment-summary{margin-top:auto}}.wb .tag-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wb .tag-scope-toggle{border:1px solid var(--night-600);border-radius:var(--r-sm);min-height:36px;color:var(--night-text);padding:0 12px;font-weight:560}.wb .tag-scope-toggle:hover{background:var(--night-700)}.wb .tag-scope-note{color:var(--night-muted);margin:8px 0 0}.wb .tag-meaning{max-width:240px;color:var(--night-muted);font-size:var(--fs-15);margin-top:3px;line-height:1.35;display:block}.wb .tag-help{margin:0 0 12px}.wb .tag-help summary{cursor:pointer;width:fit-content;color:var(--night-text);font-weight:560}.wb .tag-help p{color:var(--night-muted);margin:6px 0 0;line-height:1.55}.wb .twincat-declaration{border-radius:var(--r-md);background:var(--night-900);max-height:280px;color:var(--night-text);font-family:var(--font-mono);font-size:var(--fs-15);margin:8px 0 0;padding:12px 14px;line-height:1.5;overflow:auto}.wb-passed{background:var(--ok-100);border-bottom:1px solid var(--ok-border);color:var(--ok-700);flex:none;align-items:center;gap:12px;padding:10px 16px;display:flex}.wb-passed>div{flex:1;min-width:0;display:grid}.wb-passed strong{font-size:var(--fs-17)}.wb-passed span{color:var(--ink-800);font-size:var(--fs-15)}@media (max-width:900px){.wb-passed{scroll-margin-top:180px}}@media (max-width:600px){.wb-passed{flex-wrap:wrap}.wb-passed .btn{width:100%}}.wb-head-actions,.wb-back{flex:none}.wb-title{line-height:1.35}.wb .mission-overview{padding:var(--s-3) var(--s-4);background:var(--surface)}.wb .mission-overview p{font-size:var(--fs-16);color:var(--ink-700);margin:0;line-height:1.5}.wb .mission-site-context>summary{font-size:var(--fs-15);cursor:pointer;color:var(--ink-700);font-weight:600}.wb .draft-menu{color:var(--night-text);flex:none;position:relative}.wb .draft-menu summary{align-items:center;gap:var(--s-1);cursor:pointer;font-size:var(--fs-15);padding:var(--s-2);border-radius:var(--r-sm);border:1px solid var(--night-600);list-style:none;display:flex}.wb .draft-menu summary::-webkit-details-marker{display:none}.wb .draft-popup{z-index:180;width:min(420px,100vw - 48px);padding:var(--s-4);border-radius:var(--r-md);background:var(--surface);color:var(--ink-700);border:1px solid var(--line-200);box-shadow:var(--shadow-2);font-size:var(--fs-15);position:absolute;top:100%;left:0}.wb .draft-popup p{font-size:var(--fs-15);margin-bottom:var(--s-3)}.wb .draft-popup select{background:var(--surface);width:100%;max-width:100%;color:var(--ink-900)}.wb .draft-recovery-actions{gap:var(--s-3);display:grid}.editor-notice{padding:var(--s-2) var(--s-4);font-size:var(--fs-15);color:var(--night-text);background:var(--night-700);margin:0}.editor-notice.start-again-ask{border-left:3px solid #f0b44c;flex-wrap:wrap;flex:none;align-items:center;gap:8px 10px;display:flex}.start-again-ask>span{flex:260px}.start-again-ask .start-again-yes{color:#ffb4a8;border-color:#ff8c7873}.diagnostic-list>.start-again-ask{border-radius:8px}.editor-notice.export-version{flex-wrap:wrap;flex:none;align-items:center;gap:4px 10px;display:flex}.export-version small{color:var(--night-muted);font-size:var(--fs-15);flex-basis:100%;line-height:1.4}.wb.phone .export-version select,.wb.phone .export-version .btn{min-height:44px}@media (min-width:901px){.wb-transport{flex-wrap:nowrap}.wb-transport>*{flex-shrink:0}}@media (max-width:1280px) and (min-width:901px){.wb-xp{display:inline-flex}}.failure-summary{color:var(--ink-900);font-weight:560}.failure-summary b{color:var(--warn-700);font-weight:650}.wb-phone-panel{display:contents}.phone-tabs{background:var(--bg-900);border-bottom:1px solid var(--line-200);flex:none;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.phone-tab{min-width:0;min-height:54px;font-size:var(--fs-15);color:var(--ink-600);border-bottom:3px solid #0000;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 2px 3px;font-weight:600;line-height:1.2;display:flex;position:relative}.phone-tab.active{color:var(--brand-700);border-bottom-color:var(--brand-600);background:var(--surface)}.phone-tab:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-colour)}.phone-tab-badge{border-radius:var(--r-pill);background:var(--canvas-2);min-width:20px;color:var(--ink-800);font-size:var(--fs-15);font-variant-numeric:tabular-nums;padding:1px 6px;font-weight:650;line-height:1.25;position:absolute;top:4px;left:calc(50% + 8px)}.phone-tab:last-child .phone-tab-badge{left:auto;right:3px}.phone-tab-badge.ok{background:var(--ok-100);color:var(--ok-700)}.phone-tab-badge.fault{background:var(--warn-100);color:var(--warn-700)}.phone-tab-dot{background:var(--brand-600);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-600) 22%, transparent);animation:coach-ring 1.6s var(--stepped-in-out-24,ease-in-out) infinite;border-radius:50%;position:absolute;top:7px;right:calc(50% - 20px)}.phone-action-bar{padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--bg-900);border-top:1px solid var(--line-200);flex:none;gap:8px;display:flex;box-shadow:0 -6px 18px #1012160f}.phone-action-bar>*{flex:1 1 0;min-width:0}.phone-action-bar .btn,.phone-action-bar .button{min-height:48px;font-size:var(--fs-16);justify-content:center;padding-inline:10px}.phone-action-bar>.btn-primary:first-child,.phone-action-bar>.phone-bar-side{flex:none}.phone-action-bar>.btn-primary:first-child{min-width:104px}.phone-empty{color:var(--ink-600);font-size:var(--fs-16);margin:0;padding:18px 16px}@media (max-width:720px){.shell .main-column:has(.wb.phone,.lab.phone){min-height:0;overflow:clip}.shell:has(.wb.phone,.lab.phone){min-height:0}.wb.phone{height:calc(100dvh - var(--header-h) - var(--cookie-bar-h,0px));min-height:0;overflow:clip}body.has-spotlight:has(.wb.phone,.lab.phone){padding-bottom:0}body.has-spotlight .wb.phone .wb-phone-panel,body.has-spotlight .lab.phone .lab-body{padding-bottom:46dvh}.wb.phone .wb-head{flex-wrap:nowrap;gap:6px;min-height:0;padding:4px 10px}.wb.phone .wb-back{justify-content:center;gap:0;min-width:44px;min-height:44px;padding-inline:6px;font-size:0}.wb.phone .wb-head .coach-preferences summary{min-height:44px}.wb.phone .wb-title{flex:auto;order:0}.wb.phone .wb-kicker,.wb.phone .wb-xp{display:none}.wb.phone .wb-title h1{font-size:var(--fs-17);line-height:1.25}.wb.phone .wb-head-actions{flex-wrap:nowrap;order:0;width:auto}.wb.phone .wb-passed{flex-wrap:nowrap;gap:8px;padding:8px 12px}.wb.phone .wb-passed span{font-size:var(--fs-15)}.wb.phone .wb-phone-panel{overscroll-behavior:contain;background:var(--canvas);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.wb.phone .wb-main,.wb.phone.plant-focus .wb-main{flex-direction:column;flex:none;gap:0;min-height:0;padding:0;display:flex}.wb.phone .wb-code,.wb.phone .wb-plant{order:0;height:auto;min-height:0}.wb.phone .wb-code{border:0;border-radius:0}.wb.phone:not([data-phone-tab=task]) .wb-brief,.wb.phone[data-phone-tab=task] .wb-code>:not(.wb-brief),.wb.phone:is([data-phone-tab=task],[data-phone-tab=code]) .wb-plant,.wb.phone:is([data-phone-tab=task],[data-phone-tab=code]) .wb-dock,.wb.phone:not([data-phone-tab=machine]) .replay-strip,.wb.phone[data-phone-tab=machine] .wb-code,.wb.phone[data-phone-tab=results] .wb-main{display:none}.wb.phone.plant-focus:not([data-phone-tab=machine]) .wb-code{display:flex}.wb.phone[data-phone-tab=task] .wb-code{background:var(--surface)}.wb.phone .wb-brief{border-bottom:0;min-height:0;overflow:visible}.wb.phone .brief-toggle{display:none}.wb.phone .brief-content{max-height:none;padding-bottom:20px;overflow:visible}.wb.phone .brief-content .criteria{display:grid}.wb-phone-help{padding:0 16px 10px}.wb.phone[data-phone-tab=code] .wb-phone-panel{overflow:hidden}.wb.phone[data-phone-tab=code] .wb-main,.wb.phone[data-phone-tab=code] .wb-code{flex:1}.wb.phone .editor-content{min-height:220px}.wb.phone .wb-code[data-typing]{top:var(--typing-top);z-index:200;height:var(--typing-height);position:fixed;left:0;right:0}.wb.phone .wb-code[data-typing]>:not(.wb-typing-bar,.editor-content){display:none}.wb.phone .wb-code[data-typing] [data-coach-active=true]{outline:none;animation:none}body:has(.wb-code[data-typing]) .mobile-bar{visibility:hidden}.wb.phone .wb-code[data-typing] .editor-content{flex-direction:column;min-height:0;display:flex}.wb.phone .wb-code[data-typing] .editor-content>:first-child{flex:1 1 0;min-height:0;height:auto!important}.wb-typing-bar{border-bottom:1px solid var(--night-700);background:var(--night-800);color:var(--night-text);font-family:var(--font-mono);font-size:var(--fs-15);flex:none;justify-content:space-between;align-items:center;gap:10px;padding:5px 8px 5px 14px;display:flex}.wb-typing-bar .btn{min-height:36px}.wb .editor-keys{display:none}.wb.phone .wb-code[data-typing] .editor-keys{overscroll-behavior-x:contain;scrollbar-width:none;border-top:1px solid var(--night-700);background:var(--night-800);flex:none;gap:6px;padding:6px 8px;display:flex;overflow-x:auto}.wb .editor-keys button{border:1px solid var(--night-700);background:var(--night-900);min-width:44px;height:40px;color:var(--night-text);font-family:var(--font-mono);touch-action:manipulation;border-radius:8px;flex:none;padding:0 12px;font-size:16px;font-weight:600}.wb .editor-keys button:active{background:var(--night-700)}.wb.phone .pane-heading{gap:6px;min-height:44px;padding:4px 6px 4px 8px}.wb.phone .wb-phone-machine-bar{background:var(--surface);border-bottom:1px solid var(--line-100);align-items:center;gap:6px;padding:8px 10px;display:flex}.wb.phone .wb-phone-machine-bar .simulation-state{flex:1;min-width:0}.wb.phone .wb-phone-machine-bar .btn{min-width:44px;min-height:44px;padding-inline:10px}.wb.phone .wb-phone-machine-bar .btn-label{display:none}.wb.phone .wb-phone-machine-bar .speed-select{width:72px;height:44px}.wb.phone .wb-plant .stage{border:0;border-radius:0;height:auto}.wb.phone .wb-plant .stage-canvas{flex:none;height:clamp(250px,36dvh + 50px,430px);min-height:0}.wb.phone .wb-plant .stage.is-fullscreen .stage-canvas{flex:1 0 auto}.wb.phone .wb-plant .stage-title>strong{display:none}.wb.phone .wb-plant .stage-bar-overlay{flex-wrap:nowrap;gap:8px;padding:6px 6px 0}.wb.phone .wb-plant .stage-bar-overlay .stage-tools{width:auto;margin-left:auto;padding:2px}.wb.phone .wb-plant .stage-bar-overlay .stage-view{flex:0 200px}.wb.phone .wb-plant .stage-bar-overlay .stage-view select{height:44px}.wb.phone .wb-plant .stage-bar-overlay .icon-btn{flex:none;width:44px;height:44px}.wb.phone .stage-foot{overflow:visible}.wb.phone .operator-strip button{min-height:48px;font-size:var(--fs-16);padding-inline:14px}.wb.phone .replay-strip{flex-wrap:wrap;order:-1;gap:6px 10px;margin:8px}.wb.phone .replay-strip>div{flex:calc(100% - 60px)}.wb.phone .replay-strip>input{flex:160px;order:3;min-height:32px}.wb.phone .replay-strip .replay-position{flex:none;order:4}.wb.phone .replay-strip>div:has(.replay-summary)>span{display:none}.wb.phone .replay-summary{color:var(--ink-950);font-size:var(--fs-15);white-space:normal;margin:4px 0 0;font-weight:560}.wb.phone .wb-dock{border-top:1px solid var(--line-200)}.wb.phone[data-phone-tab=results] .wb-dock{border-top:0;flex:1}.wb.phone[data-phone-tab=results] .wb-dock-bar>.icon-btn{display:none}.wb.phone .monitor-body{max-height:none;padding:12px}.wb.phone .test-summary{align-items:flex-start;gap:10px;padding:14px}.wb.phone .test-summary>span{display:none}.wb.phone .test-summary:has(.failure-summary) .failure-summary+p{display:none}.wb.phone .test-results>.solution-shortcut{margin:12px 0 4px}.wb.phone .test-case{gap:8px 12px;padding:14px 2px}.wb.phone .test-case .btn{min-height:44px}.wb.phone[data-tour-space] .wb-main,.wb.phone[data-tour-space] .wb-dock,.wb.phone[data-tour-space] .replay-strip,.wb.phone[data-tour-space] .wb-passed{margin-left:0}}@media (max-width:720px) and (max-height:760px){.wb.phone .wb-plant .stage-canvas{height:clamp(230px,30dvh + 50px,430px)}.wb.phone .operator-strip{padding-block:6px}}@media (min-width:901px){.wb-head{z-index:50;flex-wrap:wrap;gap:6px 12px;min-height:56px;padding:7px 14px;position:relative;container:wb-head/inline-size}.wb-title{flex:110px;max-width:260px;line-height:1.25}.wb-kicker,.wb-title h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wb-kicker{font-size:13px}.wb-title h1{font-size:var(--fs-17)}.wb-head .wb-transport{background:0 0;border:0;flex-wrap:nowrap;flex:auto;gap:8px 10px;min-width:0;padding:0;position:static}.wb-head .wb-layout span{display:none}.wb .mission-overview{padding:8px 14px 2px}.wb .mission-overview p{font-size:var(--fs-15);line-height:1.45}.wb-brief,.wb .brief-toggle{min-height:36px}.wb .pane-heading{z-index:45;min-height:42px;padding-block:3px;position:relative;container:wb-pane/inline-size}.wb .editor-tabs{min-height:36px}.wb .editor-tabs button{min-height:35px}.wb .interface-strip{min-height:33px}.wb .interface-strip-bar{min-height:32px}.wb .interface-strip-table{max-height:120px}.wb .interface-strip td,.wb .interface-strip .interface-section{padding-block:2px}.wb .editor-status{padding-block:4px}}@container wb-head (max-width:1540px){.wb-head .btn-label,.wb-head .coach-preferences summary span,.wb-head .wb-xp{display:none}}@container wb-head (max-width:1305px){.wb-head .help-label{display:none}.wb-head .help-short{display:inline}}@container wb-head (min-width:956px) and (max-width:1175px){.wb-head .wb-back-label,.wb-head .wb-focus-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@container wb-head (min-width:956px) and (max-width:1065px){.wb-head .chip-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@container wb-head (max-width:955px){.wb-head .wb-transport{flex:1 0 100%;order:3}}@container wb-head (max-width:640px){.wb-head .chip-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.shell:has(.wb-focus){grid-template-columns:minmax(0,1fr)}.shell.rail-collapsed:has(.wb-focus){grid-template-columns:minmax(0,1fr)}.shell:has(.wb-focus) .rail{display:none}.wb-focus .wb-back,.wb-focus .wb-kicker,.wb-focus .wb-xp,.wb-focus .coach-preferences,.wb-focus .help-label,.wb-focus .mission-overview,.wb-focus .pane-heading,.wb-focus .export-version,.wb-focus .interface-strip:not(.open) .interface-strip-names{display:none}.wb-focus .wb-head{min-height:48px;padding-block:4px}.wb-focus-toggle{white-space:nowrap}.wb-focus-toggle[aria-pressed=true]{border-color:var(--lamp-500)}.wb-dock-resize{display:none}@media (min-width:901px){.wb-room{--drawing-min:clamp(200px, 30vh, 280px);--dock-height:clamp(200px, 36vh, 360px);--plant-view-min:clamp(150px, 26vh, 240px);--plant-min:calc(var(--plant-view-min) + var(--operator-strip-h,64px) + 4px)}.wb-room .wb-phone-panel{grid-template-columns:minmax(0, var(--editor-width)) 12px minmax(0, 1fr);grid-template-rows:minmax(var(--plant-min), 1fr) auto minmax(0, auto);flex:1;min-height:520px;padding:12px 14px;display:grid}.wb-room.plant-focus .wb-phone-panel{grid-template-columns:minmax(0,1fr)}.wb-room .wb-main{display:contents}.wb-room .wb-code{grid-area:1/1/-1}.wb-room .wb-divider{grid-area:1/2/-1}.wb-room .wb-plant,.wb-room .replay-strip,.wb-room .wb-dock{grid-column:3}.wb-room.plant-focus .wb-plant,.wb-room.plant-focus .replay-strip,.wb-room.plant-focus .wb-dock{grid-column:1}.wb-room .wb-plant{grid-row:1}.wb.wb-room .stage-canvas{min-height:var(--plant-view-min);flex:240px}.wb.wb-room .stage-foot{min-height:calc(var(--operator-strip-h,0px) + 1px);flex:0 1000 auto}.wb.wb-room .stage-foot>.operator-strip{z-index:1;position:sticky;top:0}.wb-room .replay-strip{flex-wrap:wrap;grid-row:2;margin:10px 0 0}.wb-room .wb-dock{border:1px solid var(--line-200);border-radius:var(--r-md);flex-direction:column;grid-row:3;min-height:0;margin-top:10px;display:flex;overflow:hidden;container:dock/inline-size}.wb-room .wb-dock-bar{flex:none}.wb.wb-room .monitor-body{height:auto;max-height:var(--dock-height);flex:0 auto;min-height:0;position:relative}.wb.wb-room.dock-sized .monitor-body{height:var(--dock-height)}.wb.wb-room:not(.dock-sized):has(.replay-strip) .monitor-body{max-height:clamp(120px,18vh,200px)}.wb-room .wb-dock-resize{cursor:row-resize;touch-action:none;flex:none;height:10px;display:block;position:relative}.wb-room .wb-dock-resize:after{content:"";background:var(--line-300);border-radius:2px;width:44px;height:2px;margin-left:-22px;position:absolute;top:4px;left:50%}.wb-room .wb-dock-resize:hover:after,.wb-room .wb-dock-resize:focus-visible:after{background:var(--brand-500)}.wb-room .wb-brief{max-height:55%}.wb.wb-room .brief-content{max-height:none;overflow:visible}.wb.wb-room .brief-toggle{z-index:2;background:var(--surface);position:sticky;top:0;bottom:0}.wb-room .wb-brief.working:not(.open) .mission-overview{display:none}.wb-room .wb-code:has(.wb-brief.open){--drawing-min:180px}.wb.wb-room .hint-strip{border-bottom:1px solid var(--line-200);max-height:112px;font-size:var(--fs-15);border-radius:0;flex:none;margin:0;padding:8px 8px 8px 14px;line-height:1.45;overflow-y:auto}.wb.wb-room .hint-strip>span{flex:1;min-width:0}.wb.wb-room .hint-strip .icon-btn{width:30px;height:30px;color:var(--ink-700);flex:none}.wb.wb-room .hint-strip .icon-btn svg{color:inherit;margin:0}.wb-room .wb-code>.editor-notice:not(.export-version){flex:none;justify-content:space-between;align-items:flex-start;gap:10px;padding-right:8px;display:flex}.wb-room .editor-notice .icon-btn{width:30px;height:30px;color:var(--night-text);flex:none}.wb.wb-room .editor-content:has(.ladder-editor){min-height:calc(var(--drawing-min) + 170px)}.wb.wb-room .editor-content:has(.ladder-editor.compact){min-height:calc(var(--drawing-min) + 96px)}.wb.wb-room .editor-content:has(.graph-stage){min-height:calc(var(--drawing-min) + 150px)}.wb-room .structured-editor:has(>.graph-stage){flex-direction:column;display:flex}.wb-room .graph-stage{flex:1 1 0;min-height:auto}.wb-room .flow-canvas{min-height:var(--drawing-min);flex:1 1 0}.wb.wb-room .node-inspector{flex:0 auto;min-height:54px;max-height:42%;padding:8px 14px;overflow-y:auto}.wb-room .inspector-title{margin-bottom:6px}.wb-room .node-inspector>p{display:none}.wb-room .field-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 10px;margin:6px 0 8px}.wb-room .ladder-editor{scrollbar-gutter:stable}.wb-room .ladder-selection-bar{padding:5px 10px}.wb-room .monitor-tabs button{scroll-margin-inline:28px}@container dock (max-width:720px){.wb .monitor-tabs button{padding:0 8px}.wb .monitor-tabs button svg,.wb .scan-counter{display:none}}}@media (min-width:901px) and (max-height:800px){.wb-room .wb-phone-panel{padding-block:8px}.wb-room .editor-status:not(:has(.has-diagnostics)){display:none}}.hint .hint-cost{color:var(--ink-500);margin-top:4px;font-size:.9em;display:block}.solution-ask{max-width:440px}.solution-ask-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.pro-locked:has(.pro-tag){filter:none;opacity:1}.pro-locked:has(.pro-tag):hover{filter:none;opacity:1}:is(.pro-locked:has(.pro-tag)>:not(.pro-tag,:has(.pro-tag)),.pro-locked:has(.pro-tag)>:has(>.pro-tag)>:not(.pro-tag)){opacity:.62;filter:grayscale()}:is(.pro-locked:has(.pro-tag):hover>:not(.pro-tag,:has(.pro-tag)),.pro-locked:has(.pro-tag):hover>:has(>.pro-tag)>:not(.pro-tag)){opacity:.85}.pro-tag.pro-tag-corner,.wb .language-tabs .pro-tag,.cp-seg .pro-tag{letter-spacing:.06em;border-radius:4px;gap:2px;height:15px;padding:0 3px;font-size:8.5px}.pro-tag.pro-tag-corner svg,.wb .language-tabs .pro-tag svg,.cp-seg .pro-tag svg{width:9px;height:9px}.wb .language-tabs button:has(.pro-tag){align-items:center;gap:4px;padding-inline:8px 5px;display:inline-flex}.has-pro-corner{position:relative}.pro-tag.pro-tag-corner{z-index:1;position:absolute;top:-6px;right:-7px}.wb .rewind-tip{border-radius:var(--r-sm);max-width:62ch;color:var(--ink-500);font:inherit;font-size:var(--fs-15);text-align:center;background:0 0;border:0;margin:2px auto 0;padding:4px 6px;line-height:1.45;display:block}.wb .rewind-tip>svg{vertical-align:-2px;color:var(--ink-500);margin-right:6px}.wb .rewind-tip .pro-tag{vertical-align:1px;margin-left:4px}.wb .rewind-tip b{color:var(--ink-900);font-weight:650}.wb button.rewind-tip{cursor:pointer}.wb button.rewind-tip:hover>span{color:var(--ink-700);text-underline-offset:3px;text-decoration:underline}.wb .rewind-tip.rewind-strip{border-bottom:1px solid var(--line-200);text-align:left;background:#f5c45112;border-radius:0;justify-content:center;align-items:center;gap:6px;width:100%;max-width:none;margin:0;padding:7px 12px;font-size:13.5px;line-height:1.4;display:flex}.wb .rewind-tip.rewind-strip>svg{flex:none;margin-right:0}.wb .rewind-tip.rewind-strip>span{min-width:0}.wb button.rewind-tip.rewind-strip:hover{background:#f5c45121}.test-summary-school{border-radius:var(--r-md);font-size:var(--fs-14);color:var(--ink-800);background:#16a34a14;border:1px solid #16a34a59;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:10px 0 0;padding:10px 12px;display:flex}.test-summary-school>svg{color:#16a34a;flex:none}.test-summary-school>span{flex:220px}.test-summary-school .btn{white-space:normal;text-align:left;align-items:center;gap:6px;display:inline-flex}.test-summary-lab{color:var(--ink-800);flex-wrap:wrap;align-items:center;gap:4px 6px;margin:10px 0 0;display:flex}.test-summary-lab svg{color:#16a34a;flex:none}@media (max-width:720px){.wb.phone .pane-heading{scrollbar-width:none;flex-wrap:nowrap;min-height:0;padding-block:2px;overflow-x:auto}.wb.phone .pane-heading>*{flex:none}.wb.phone .reset-draft{justify-content:center;min-width:44px}.wb.phone .reset-draft span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wb.phone .editor-tabs>*{min-height:34px;padding-block:4px}.wb.phone .ladder-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.wb.phone .graph-toolbar:has(>.ladder-toolbar){padding:2px 8px}.wb.phone .ladder-palette{padding:4px 0 2px}:is(.wb.phone .diagram-guide,.wb.phone .editor-status:not(:has(.has-diagnostics))){display:none}.wb.phone[data-phone-tab=code] .editor-content{flex:auto}.wb.phone .line-explain{max-height:4.4em;padding-block:6px;font-size:14px;line-height:1.45}}
.test-case.has-story{flex-wrap:wrap;row-gap:12px}.test-case>.test-story{flex:0 0 100%;min-width:100%;padding-left:32px}.test-story-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.test-story-toggle{min-height:34px;color:var(--ink-800);background:0 0;border:0;align-items:center;gap:6px;padding:0 4px;font-weight:600;display:inline-flex}.test-story-toggle svg{transition:transform .16s var(--ease)}.test-story-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.test-story-toggle:hover{color:var(--ink-950)}.story-lines{gap:2px;margin:12px 0 0;padding:0;list-style:none;display:grid}.story-lines li{color:var(--ink-800);border-radius:6px;grid-template-columns:110px 20px minmax(0,1fr);align-items:start;gap:8px;padding:7px 10px;font-size:15px;line-height:1.5;display:grid}.story-time{font:14px/1.6 var(--font-mono,monospace);color:var(--ink-600);white-space:nowrap}.story-mark{color:var(--ink-500);padding-top:3px;display:flex}.story-pass .story-mark{color:var(--ok-700)}.story-fail{background:var(--fault-100);color:var(--ink-950)}.story-fail .story-mark,.story-fail .story-time{color:var(--fault-700)}.story-fail .story-text{font-weight:600}.tag-trend{--sig-in:#8ab4ff;--sig-out:var(--lamp-on-dark);--sig-fail:var(--fault-700);border:1px solid var(--line-200);background:var(--surface);border-radius:8px;margin:14px 0 0;padding:12px 12px 8px}.tag-trend figcaption{color:var(--ink-600);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:8px;font-size:14px;display:flex}.tag-trend figcaption strong{color:var(--ink-900);font-size:15px}.trend-key{flex-wrap:wrap;gap:4px 14px;font-size:13px;display:inline-flex}.trend-key span{align-items:center;gap:6px;display:inline-flex}.trend-key span:before{content:"";background:var(--sig-in);border-radius:1px;width:14px;height:2px}.trend-key .checked:before{background:var(--sig-out)}.trend-key .failed{color:var(--sig-fail);font-weight:600}.trend-key .failed:before{background:var(--sig-fail);width:2px;height:12px}.trend-row{--sig:var(--sig-out);border-top:1px solid var(--line-100);grid-template-columns:minmax(96px,150px) minmax(0,1fr);align-items:center;gap:10px;display:grid}.trend-row.input{--sig:var(--sig-in)}.trend-row.failed{--sig:var(--sig-fail)}.trend-label{flex-direction:column;min-width:0;padding:4px 0;font-size:14px;line-height:1.35;display:flex}.trend-label code{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-900);overflow:hidden}.trend-row.failed .trend-label code{color:var(--sig-fail)}.trend-label span{color:var(--ink-600);font-variant-numeric:tabular-nums}.trend-label em{color:var(--sig-fail);font-style:normal}.trend-row svg{cursor:pointer;width:100%;height:58px;display:block}.trend-row.digital svg{height:34px}.trend-base{stroke:var(--chart-grid);vector-effect:non-scaling-stroke}.trend-line{fill:none;stroke:var(--sig);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.trend-on{fill:var(--sig);opacity:.16}.trend-target{fill:none;stroke:var(--sig-out);stroke-width:3px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.trend-change{stroke:var(--chart-muted);stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.trend-cursor{stroke:var(--ink-950);stroke-width:2px;vector-effect:non-scaling-stroke}.trend-failure{stroke:var(--sig-fail);stroke-width:2px;vector-effect:non-scaling-stroke}.trend-row.trend-axis{border-top:0}.trend-axis>div{color:var(--ink-600);justify-content:space-between;padding-top:2px;font-size:13px;display:flex}.trend-hint{color:var(--ink-600);margin:6px 0 0;font-size:13px}.replay-strip.has-readout{flex-wrap:wrap}.replay-watch{flex:none}.replay-readout{flex-wrap:wrap;flex:0 0 100%;gap:6px;margin:0;display:flex}.replay-readout>div{border:1px solid var(--line-300);background:var(--surface);color:var(--ink-800);border-radius:6px;align-items:baseline;gap:6px;padding:4px 9px;font-size:14px;display:flex}.replay-readout dt{font-family:var(--font-mono,monospace)}.replay-readout dd{font-variant-numeric:tabular-nums;margin:0;font-weight:650}.replay-readout .on dd{color:var(--ok-700)}.replay-readout .wrong{border-color:var(--fault-border);background:var(--fault-100)}.replay-readout .wrong dd{color:var(--fault-700)}.replay-readout em{font-style:normal;font-weight:500}@media (max-width:650px){.test-case>.test-story{padding-left:0}.story-lines li{grid-template-columns:72px 16px minmax(0,1fr);gap:6px;padding:7px 6px}.story-time{white-space:normal;font-size:13px}.tag-trend{padding:10px 8px 6px}.trend-row{grid-template-columns:92px minmax(0,1fr);gap:6px}.test-story-bar .btn{flex:1 0 auto;justify-content:center}.replay-watch{order:3}}
.hmi{height:100%;color:var(--night-text);font-size:var(--fs-15);overscroll-behavior:contain;padding:14px 14px 28px;overflow:auto;container:hmi/inline-size}.hmi-layout{align-content:start;gap:16px;display:grid}.hmi-device{background:linear-gradient(#24272d,#16181c);border-radius:14px;margin:0;padding:10px 10px 8px;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 40px -22px #000c;container:screen/inline-size}.hmi-foot{color:#9097a1;align-items:center;gap:8px;padding:8px 4px 0;font-size:12.5px;display:flex}.hmi-foot i{background:#4b5058;border-radius:50%;flex:none;width:7px;height:7px}.hmi-foot i.on{background:#2bb46a;box-shadow:0 0 8px #2bb46a}.hmi-screen{--hmi-bg:#cdd0d4;--hmi-head:#bfc3c8;--hmi-panel:#e2e4e7;--hmi-ink:#1d2228;--hmi-muted:#59606a;--hmi-line:#a9aeb5;--hmi-run:#3b4149;--hmi-stop:#868c95;--hmi-key:#eceef0;--hmi-key-line:#8f959d;--hmi-key-ink:#1d2228;--hmi-value:#1d2228;--hmi-band:#aebccb;--hmi-p1:#d1242f;--hmi-p2:#e7a300;--hmi-p3:#f4d81a;background:var(--hmi-bg);color:var(--hmi-ink);font-family:var(--font-sans);border-radius:5px;min-height:220px;font-size:13px;line-height:1.3;transition:background .35s;position:relative;overflow:hidden}.hmi-screen *,.hmi-screen :before{transition:background-color .3s,color .3s,border-color .3s,fill .3s,stroke .3s}.hmi-head{background:var(--hmi-head);border-bottom:1px solid var(--hmi-line);align-items:center;gap:10px;min-height:44px;padding:6px 10px;display:flex}.hmi-corner{align-items:center;min-width:0;display:flex}.hmi-title{min-width:0;color:var(--hmi-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.hmi-title strong{color:var(--hmi-ink);font-size:13px}.hmi-title strong span{color:var(--hmi-muted);font-weight:500}.hmi-summary{flex:none;align-items:center;gap:8px;display:flex}.hmi-count{font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-weight:700;display:inline-flex}.hmi-clock{font-family:var(--font-mono);color:var(--hmi-muted);font-variant-numeric:tabular-nums;font-size:12px}.hmi-horn{background:var(--hmi-p1);color:#fff;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11.5px;font-weight:700;animation:1s step-end infinite hmi-blink;display:inline-flex}.hmi-status{align-items:center;gap:7px;min-width:0;font-size:14.5px;display:inline-flex}.hmi-status b{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.hmi-status.tone-alarm b{color:#9b1219}.hmi-logo{color:#fff;background:linear-gradient(135deg,#ff7a00,#d40078 55%,#4b00c8);border-radius:4px;align-items:center;gap:6px;padding:3px 8px 3px 4px;display:inline-flex;box-shadow:0 2px #00000040}.hmi-logo b{font-family:"Arial Black", Impact, var(--font-sans);letter-spacing:-.5px;font-size:19px;font-style:italic}.hmi-logo span{text-transform:uppercase;letter-spacing:.5px;font-size:8.5px;font-weight:700;line-height:1.05}.hmi-big-clock{line-height:1.05;display:inline-grid}.hmi-big-clock b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:19px}.hmi-big-clock span{color:var(--hmi-muted);font-size:10.5px}.hmi-body{gap:10px;padding:10px;display:grid}.hmi-values{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.hmi-value{background:var(--hmi-panel);border:1px solid var(--hmi-line);border-radius:4px;align-content:start;gap:3px;min-width:0;padding:8px 10px;display:grid}.hmi-label{color:var(--hmi-muted);letter-spacing:.1px;font-size:11.5px;font-weight:600}.hmi-label small{opacity:.8;font-weight:500}.hmi-reading{align-items:center;gap:5px;min-height:26px;display:flex}.hmi-reading b{color:var(--hmi-value);font-variant-numeric:tabular-nums;letter-spacing:-.3px;font-size:21px;font-weight:650}.hmi-reading small{color:var(--hmi-muted);font-size:12px;font-weight:600}.hmi-reading.abnormal b{color:#b67700}.hmi-switch .hmi-reading b{font-size:15px}.hmi-bar{border:1px solid var(--hmi-line);background:#f2f3f4;border-radius:2px;height:10px;margin-top:3px;position:relative}.hmi-bar .band{background:var(--hmi-band);position:absolute;top:0;bottom:0}.hmi-bar .pointer{border-left:6px solid #0000;border-right:6px solid #0000;border-top:9px solid var(--hmi-ink);width:0;height:0;margin-left:-6px;transition:left .18s linear;position:absolute;top:-4px}.hmi-scale{color:var(--hmi-muted);font-size:10.5px}.hmi-trend{gap:1px;margin-top:2px;display:grid}.hmi-trend svg{background:#ffffff59;border-radius:2px;width:100%;height:26px}.hmi-trend .band{fill:var(--hmi-band);opacity:.55}.hmi-trend polyline{fill:none;stroke:var(--hmi-ink);stroke-width:1.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.palette-retro .hmi-trend svg,.palette-neon .hmi-trend svg{background:#000}.palette-retro .hmi-trend polyline{stroke:#fff200}.palette-neon .hmi-trend polyline{stroke:#ff36d8}.hmi-dock{z-index:4;height:0;margin:0 -14px;position:sticky;top:0}.hmi-mini{background:color-mix(in srgb, var(--night-900) 94%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--night-700);pointer-events:none;justify-content:center;padding:8px 14px 10px;animation:.2s ease-out hmi-dock-in;display:flex;box-shadow:0 12px 20px -16px #000000b3}.hmi-mini>div{container:screen/inline-size}.hmi-mini .hmi-screen{border-radius:6px;box-shadow:0 0 0 8px #1b1d22}@keyframes hmi-dock-in{0%{opacity:0;transform:translateY(-8px)}}.hmi-equipment{flex-wrap:wrap;gap:8px;display:flex}.hmi-eq{background:var(--hmi-panel);border:1px solid var(--hmi-line);border-radius:4px;flex:140px;align-items:center;gap:8px;min-width:0;padding:6px 10px 6px 6px;display:flex}.hmi-eq-text{min-width:0;display:grid}.hmi-state{align-items:center;gap:5px;font-size:13.5px;font-weight:650;display:inline-flex}.hmi-state.abnormal{color:#b67700}.hmi-sym{flex:none;width:36px;height:36px}.hmi-sym .body{stroke-width:2.4px;stroke-linejoin:round}.hmi-sym .glyph{fill:none;stroke-linecap:round}.hmi-sym .glyph.fill{stroke:none}.run-grey .hmi-sym .body{fill:var(--hmi-run);stroke:var(--hmi-run)}.run-grey .hmi-sym .glyph{stroke:var(--hmi-panel)}.run-grey .hmi-sym .glyph.fill{fill:var(--hmi-panel)}.stop-outline .hmi-sym .body{fill:#0000;stroke:var(--hmi-stop)}.stop-outline .hmi-sym .glyph{stroke:var(--hmi-stop)}.stop-outline .hmi-sym .glyph.fill{fill:var(--hmi-stop)}.run-green .hmi-sym .body,.run-flash .hmi-sym .body{fill:#12d443;stroke:#078a28}.run-green .hmi-sym .glyph,.run-flash .hmi-sym .glyph{stroke:#fff}.run-green .hmi-sym .glyph.fill,.run-flash .hmi-sym .glyph.fill{fill:#fff}.run-flash .hmi-sym{animation:.9s step-end infinite hmi-blink}.stop-red .hmi-sym .body{fill:#f01414;stroke:#8f0000}.stop-red .hmi-sym .glyph{stroke:#fff}.stop-red .hmi-sym .glyph.fill{fill:#fff}.hmi-marker{flex:none;width:18px;height:18px;overflow:visible}.hmi-marker rect,.hmi-marker path,.hmi-marker circle{stroke:#1d2228;stroke-width:1.2px}.hmi-marker text{font:800 11.5px var(--font-sans);fill:#1d2228}.hmi-marker.p1 rect,.hmi-marker.p1 circle{fill:var(--hmi-p1)}.hmi-marker.p1 text{fill:#fff}.hmi-marker.p2 path,.hmi-marker.p2 circle{fill:var(--hmi-p2)}.hmi-marker.p3 path,.hmi-marker.p3 circle{fill:var(--hmi-p3)}.hmi-marker.dot circle{stroke:none}.hmi-marker.dot.p2 circle{fill:#e0461f}.hmi-marker.dot.p3 circle{fill:#e86a1a}.hmi-faceplates{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;display:grid}.hmi-faceplate{background:var(--hmi-panel);border:1px solid var(--hmi-line);border-radius:5px;gap:6px;padding:8px;display:grid}.hmi-faceplate h4{color:var(--hmi-muted);text-transform:uppercase;letter-spacing:.6px;margin:0;font-size:12px}.hmi-faceplate .hmi-eq{background:0 0;border:0;padding:0}.hmi-why{min-height:2.6em;color:var(--hmi-ink);margin:0;font-size:12px;font-weight:600}.hmi-keys{flex-wrap:wrap;gap:8px;display:flex}.hmi-faceplate .hmi-keys{flex-wrap:nowrap;gap:6px}.hmi-faceplate .hmi-keys .hmi-key{flex:1 1 0;gap:5px;min-width:0;padding:0 6px;font-size:13.5px}.hmi-faceplate .hmi-keys.fixed .key-stop{margin-left:auto}.hmi-bar-keys{border-top:1px solid var(--hmi-line);background:var(--hmi-head);padding:8px 10px 10px}.hmi-bar-keys .gap{flex:1}.hmi-key{border:1px solid var(--hmi-key-line);background:linear-gradient(180deg, #f6f7f8, var(--hmi-key));min-width:44px;min-height:44px;color:var(--hmi-key-ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:650;display:inline-flex;box-shadow:0 1px #0000001f}.hmi-key:hover:not(:disabled){border-color:#5e646c}.hmi-key:focus-visible{outline-offset:2px;outline:3px solid #2563eb}.hmi-key.down,.hmi-key:active:not(:disabled){background:#c9cdd2;box-shadow:inset 0 2px 3px #0003}.hmi-key:disabled{opacity:.55}.hmi-key.greyed{cursor:not-allowed;color:#7c828a;box-shadow:none;background:#d8dadd;border-style:dashed}.hmi-key.irreversible{border-width:2px;border-color:#6f747b}.size-small .hmi-key{border-radius:3px;gap:4px;min-width:24px;min-height:24px;padding:0 6px;font-size:11.5px}.size-small .hmi-keys{gap:3px}.size-small .hmi-faceplate .hmi-keys .hmi-key{flex:none}.hmi-alarms{background:var(--hmi-panel);border:1px solid var(--hmi-line);border-radius:4px;margin:0 10px 10px}.hmi-alarms-head{border-bottom:1px solid var(--hmi-line);justify-content:space-between;align-items:center;gap:8px;padding:5px 6px 5px 10px;display:flex}.hmi-alarms-head strong{text-transform:uppercase;letter-spacing:.6px;color:var(--hmi-muted);font-size:12px}.hmi-alarms-head .hmi-key{min-height:34px}.hmi-alarms ol{margin:0;padding:0;list-style:none}.hmi-alarms li{border-top:1px solid #00000012;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;display:grid}.hmi-alarms li:first-child{border-top:0}.hmi-alarms li .text{font-weight:600}.hmi-alarms li.cleared .text{color:var(--hmi-muted)}.hmi-alarms li .when,.hmi-alarms li .time{color:var(--hmi-muted);white-space:nowrap;font-size:11.5px}.hmi-alarms li .time{font-family:var(--font-mono)}.hmi-alarms li.flash{animation:1s step-end infinite hmi-row-flash}.hmi-none{color:var(--hmi-muted);margin:0;padding:8px 10px;font-size:12.5px}.hmi-flash-all{pointer-events:none;background:#ff000038;animation:.6s step-end infinite hmi-blink;position:absolute;inset:0;box-shadow:inset 0 0 0 6px #ff1a1a}.hmi-dialog-layer{z-index:2;background:#14181e73;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.hmi-dialog{background:var(--hmi-panel);border:1px solid var(--hmi-line);border-radius:6px;width:min(100%,360px);padding:14px;box-shadow:0 14px 30px -10px #00000080}.hmi-dialog h4{color:var(--hmi-ink);margin:0 0 6px;font-size:16px}.hmi-dialog p{margin:0 0 8px;font-size:13px}.hmi-dialog-time{color:var(--hmi-muted);font-size:12px!important}.hmi-dialog-keys{gap:10px;margin-top:10px;display:flex}.hmi-dialog-keys.apart{justify-content:space-between}.hmi-dialog-keys.same{justify-content:flex-start}.hmi-key.confirm{border-width:2px;border-color:#6f747b}.hmi-key.confirm.same{z-index:3;padding:0 8px;position:absolute}.palette-retro{--hmi-bg:linear-gradient(180deg, #1b4fd8, #0a2378);--hmi-head:linear-gradient(180deg, #f2f2f2, #b5b5b5);--hmi-panel:#0c2b8f;--hmi-ink:#fff;--hmi-muted:#c9d6ff;--hmi-line:#7f9cff;--hmi-value:#fff200;font-family:Tahoma,Verdana,Segoe UI,sans-serif}.palette-retro .hmi-head{color:#111;border-bottom:2px solid #4f4f4f}.palette-retro .hmi-head .hmi-title,.palette-retro .hmi-head .hmi-title strong,.palette-retro .hmi-head .hmi-title strong span,.palette-retro .hmi-clock,.palette-retro .hmi-big-clock span{color:#1b1b1b}.palette-retro .hmi-value,.palette-retro .hmi-eq,.palette-retro .hmi-faceplate,.palette-retro .hmi-alarms{border:2px outset #9db2ff;border-radius:0}.palette-retro .hmi-reading b{font-family:"Courier New", var(--font-mono);background:#000;padding:0 6px;font-weight:700}.palette-retro .hmi-alarms{background:#000}.palette-retro .hmi-alarms li{color:#ff3b3b;border-top-color:#222}.palette-retro .hmi-alarms-head strong{color:#ff3b3b}.palette-retro .hmi-bar-keys{background:silver;border-top:2px solid #fff}.palette-retro .hmi-key{color:#000;box-shadow:none;background:#d4d0c8;border:3px outset #f0f0f0;border-radius:0}.palette-retro .hmi-key.key-start{color:#fff;background:#00a000;border-color:#3fd23f}.palette-retro .hmi-key.key-stop,.palette-retro .hmi-key.key-abort{color:#fff;background:#d00000;border-color:#ff4a4a}.palette-retro .hmi-key.down,.palette-retro .hmi-key:active:not(:disabled){border-style:inset}.palette-neon{--hmi-bg:#000;--hmi-head:#050b10;--hmi-panel:#04080b;--hmi-ink:#4dffe4;--hmi-muted:#19b6c9;--hmi-line:#00b7ff;--hmi-value:#ff36d8;--hmi-key:#00141c;--hmi-key-line:#00e1ff;--hmi-key-ink:#00e1ff;font-family:"Courier New", var(--font-mono)}.palette-neon .hmi-reading b{text-shadow:0 0 8px #ff36d8}.palette-neon .hmi-key{background:#00141c;box-shadow:0 0 10px #00e1ff73}.palette-neon .hmi-key.key-stop,.palette-neon .hmi-key.key-abort{color:#ff2d6f;border-color:#ff2d6f;box-shadow:0 0 10px #ff2d6f8c}.palette-neon .run-green .hmi-sym,.palette-neon .run-flash .hmi-sym{filter:drop-shadow(0 0 6px #12d443)}.palette-neon .stop-red .hmi-sym{filter:drop-shadow(0 0 6px #ff1414)}.palette-retro .hmi-reading.abnormal b,.palette-neon .hmi-reading.abnormal b,.palette-retro .hmi-state.abnormal,.palette-neon .hmi-state.abnormal{color:#ffd400}.palette-retro .hmi-bar,.palette-neon .hmi-bar{background:#000}.palette-retro .hmi-why,.palette-neon .hmi-why{color:var(--hmi-ink)}.hmi-dump{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:3px;display:grid}.hmi-dump span{background:#000;border:1px solid #3a3a3a;min-width:0;padding:3px 5px;display:grid}.hmi-dump small{color:#8fd3ff;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.hmi-dump b{color:#fff200;font-family:"Courier New", var(--font-mono);font-variant-numeric:tabular-nums;font-size:12.5px}.hmi-screen[data-highlight~=background]{box-shadow:0 0 0 2px #16181c,0 0 0 4px #6f9bff}.hmi-screen[data-highlight~=header] [data-area=header],.hmi-screen[data-highlight~=status] [data-area=status],.hmi-screen[data-highlight~=values] [data-area=values],.hmi-screen[data-highlight~=equipment] [data-area=equipment],.hmi-screen[data-highlight~=alarms] [data-area=alarms],.hmi-screen[data-highlight~=buttons] [data-area=buttons],.hmi-screen[data-highlight~=stations] [data-area=stations],.hmi-screen[data-highlight~=history] [data-area=history],.hmi-screen[data-highlight~=report] [data-area=report],.hmi-screen[data-highlight~=dialog] [data-area=dialog]{outline-offset:-1px;border-radius:4px;outline:2px dashed #3f6fe6}@keyframes hmi-blink{50%{opacity:.2}}@keyframes hmi-row-flash{50%{background:#d1242f38}}.hmi-choices{min-width:0;container:choices/inline-size}.hmi-choices header h3{margin:0 0 4px;font-size:15px}.hmi-choices header p{color:var(--night-muted);margin:0 0 10px;font-size:13.5px}.hmi-choices ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.hmi-choice{border:1px solid var(--night-700);background:var(--night-800);border-radius:10px;padding:12px;transition:border-color .2s,box-shadow .2s}.hmi-choice:hover,.hmi-choice:focus-within{border-color:var(--night-600)}.hmi-choice.focus{box-shadow:0 0 0 2px var(--focus-colour)}.hmi-choice.pass{border-color:var(--ok-border)}.hmi-choice.fail{border-color:var(--fault-border)}.hmi-choice-head{align-items:center;gap:8px;display:flex}.hmi-choice-head .num{background:var(--night-700);width:22px;height:22px;color:var(--night-text);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:inline-grid}.hmi-choice-head strong{flex:1;font-size:14.5px}.hmi-choice.pass .hmi-choice-head svg{color:var(--ok-600)}.hmi-choice.fail .hmi-choice-head svg{color:var(--fault-700)}.hmi-question{color:var(--night-muted);margin:4px 0 8px 30px;font-size:13.5px}.hmi-options{flex-wrap:wrap;gap:6px;margin-left:30px;display:flex}.hmi-options button{border:1px solid var(--night-600);min-height:40px;color:var(--night-text);text-align:left;background:0 0;border-radius:8px;padding:7px 12px;font-size:13.5px;line-height:1.25}.hmi-options button:hover:not(:disabled){background:var(--night-700)}.hmi-options button:focus-visible{box-shadow:var(--focus);outline:none}.hmi-options button.chosen{border-color:var(--focus-colour);background:color-mix(in srgb, var(--focus-colour) 16%, transparent);font-weight:600}.hmi-result{margin:8px 0 0 30px;font-size:13.5px;line-height:1.45}.hmi-choice.pass .hmi-result{color:var(--ok-700)}.hmi-choice.fail .hmi-result{color:var(--fault-700)}@container hmi (min-width:540px){.hmi-layout{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);align-items:start}.hmi-device{top:var(--hmi-stick,0);grid-area:1/1;position:sticky}.hmi-choices{grid-area:1/2}.hmi-dock{display:none}}@container screen (max-width:440px){.hmi-head{flex-wrap:wrap;row-gap:2px;min-height:0}.hmi-corner{flex:100%}.hmi-title{order:2}.hmi-summary{order:3}.hmi-body{gap:8px;padding:8px}.hmi-values{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px}.hmi-value{padding:6px 8px}.hmi-reading b{font-size:18px}.hmi-eq{flex-basis:120px}.hmi-alarms{margin:0 8px 8px}.hmi-alarms li{grid-template-columns:auto minmax(0,1fr) auto}.hmi-alarms li .time{display:none}.hmi-bar-keys{padding:6px 8px 8px}}@media (max-width:767px){.hmi{padding:10px 8px 24px}.hmi-dock{margin:0 -8px}.hmi-device{border-radius:10px;padding:6px}}@container choices (max-width:360px){.hmi-question,.hmi-options,.hmi-result{margin-left:0}.hmi-options{display:grid}}@media (prefers-reduced-motion:reduce){.hmi-horn,.run-flash .hmi-sym,.hmi-alarms li.flash,.hmi-flash-all{animation:none}.hmi-alarms li.flash{box-shadow:inset 4px 0 0 var(--hmi-p1);background:#d1242f24}.run-flash .hmi-sym{outline-offset:2px;outline:2px dashed #12d443}.hmi-screen *,.hmi-bar .pointer{transition:none}}
.scada-overview{align-content:start;gap:8px;min-height:150px;display:grid}.scada-stations{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.scada-station{background:var(--hmi-panel);border:1px solid var(--hmi-line);border-radius:4px;align-content:start;gap:5px;min-width:0;padding:8px 10px 9px;display:grid;position:relative}.scada-station header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 6px;display:flex}.scada-station header b{color:var(--hmi-ink);font-size:13px;font-weight:650;line-height:1.25}.scada-station header span{color:var(--hmi-muted);letter-spacing:.2px;white-space:nowrap;font-size:10.5px;font-weight:600}.scada-state{align-items:center;gap:6px;min-height:24px;margin:0;display:flex}.scada-state b{color:var(--hmi-ink);font-size:15px;font-weight:650;line-height:1.2}.scada-glyph{flex:none;width:20px;height:20px}.scada-glyph .ring{fill:#0000;stroke:var(--hmi-stop);stroke-width:2px}.scada-glyph .mark{fill:var(--hmi-panel)}.scada-glyph .bars{fill:none;stroke:var(--hmi-stop);stroke-width:2.4px;stroke-linecap:round}.st-run .scada-glyph .ring{fill:var(--hmi-run);stroke:var(--hmi-run)}.st-off .scada-state b,.st-wait .scada-state b{color:var(--hmi-muted)}.st-wait .scada-state b{color:var(--hmi-ink)}.st-fault{box-shadow:inset 3px 0 0 var(--hmi-p2);border-color:#8a6100}.scada-do{color:var(--hmi-ink);margin:0;font-size:12px;font-weight:600}.scada-value{color:var(--hmi-muted);gap:4px;font-size:11.5px;font-weight:600;display:grid}.scada-value b{color:var(--hmi-value);font-variant-numeric:tabular-nums;font-size:13.5px}.order-process .scada-station:not(:last-child):after{content:"";border-top:2px solid var(--hmi-stop);border-right:2px solid var(--hmi-stop);z-index:1;width:6px;height:6px;position:absolute;top:14px;right:-7px;transform:rotate(45deg)}.scada-totals{border:1px solid var(--hmi-line);background:var(--hmi-panel);border-radius:4px;flex-wrap:wrap;gap:6px 18px;margin:0;padding:6px 10px;display:flex}.scada-totals div{align-items:baseline;gap:8px;display:flex}.scada-totals dt{color:var(--hmi-muted);font-size:11.5px;font-weight:600}.scada-totals dd{color:var(--hmi-value);font-variant-numeric:tabular-nums;margin:0;font-size:15px;font-weight:650}.scada-alarms .hmi-alarms-head{justify-content:flex-start}.scada-counts{min-width:0;color:var(--hmi-muted);flex:1;font-size:12px}.scada-counts b{color:var(--hmi-ink);font-variant-numeric:tabular-nums}.scada-first{border:1.5px solid var(--hmi-ink);color:var(--hmi-ink);letter-spacing:.4px;text-transform:uppercase;vertical-align:1px;border-radius:3px;margin-left:7px;padding:0 6px;font-size:10.5px;font-style:normal;font-weight:800;display:inline-block}.scada-alarms ol{min-height:34px}.hmi-body:empty{display:none}.hmi-body:empty+.scada-alarms{margin-top:10px}.scada-history{gap:8px;display:grid}.scada-live,.scada-incident{background:var(--hmi-panel);border:1px solid var(--hmi-line);border-radius:4px;gap:6px;min-width:0;padding:8px 10px 9px;display:grid}.scada-caption{color:var(--hmi-muted);margin:0;font-size:11.5px}.scada-pen{gap:3px;display:grid}.scada-pen-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;display:flex}.scada-pen-count{color:var(--hmi-muted);font-size:11.5px}.scada-pen-count b{color:var(--hmi-ink);font-variant-numeric:tabular-nums;font-size:13px}.scada-history svg{background:#fff6;border-radius:2px;width:100%;display:block;overflow:visible}.scada-history .band{fill:var(--hmi-band);opacity:.5}.scada-history polyline{fill:none;stroke-linejoin:round;vector-effect:non-scaling-stroke}.scada-history .truth{stroke:var(--hmi-stop);stroke-width:1px}.scada-history .kept{stroke:currentColor;stroke-width:1.7px}.scada-pen .kept{stroke:var(--hmi-ink)}.scada-history .dot{fill:currentColor;stroke:none}.scada-pen .dot{fill:var(--hmi-ink)}.scada-history .mark{stroke:#2f6db5;stroke-width:1.2px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.scada-incident{--gutter:84px;--g:calc(var(--gutter) + 6px)}.scada-plot{padding-left:var(--g);position:relative}.scada-plot .scada-mark-no{top:2px;left:calc(var(--g) + (100% - var(--g)) * var(--at));color:#fff;width:14px;height:14px;font:700 9.5px/14px var(--font-sans);text-align:center;pointer-events:none;background:#2f6db5;border-radius:50%;margin-left:-7px;font-style:normal;position:absolute}.scada-axis{width:var(--gutter);pointer-events:none;flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:0 auto 0 0}.scada-axis i,.scada-times i{color:var(--hmi-muted);font:500 10px var(--font-mono);font-style:normal}.scada-strip{grid-template-columns:var(--gutter) minmax(0, 1fr);align-items:center;gap:6px;display:grid}.scada-strip span{color:var(--hmi-muted);font-size:10.5px;font-weight:600;line-height:1.1}.scada-strip svg{height:14px}.scada-times{margin-left:var(--g);justify-content:space-between;display:flex}.scada-legend{color:var(--hmi-muted);flex-wrap:wrap;gap:2px 10px;margin:0;padding:0;font-size:10.5px;list-style:none;display:flex}.scada-legend i{vertical-align:middle;width:9px;height:3px;margin-right:4px;display:inline-block}.scada-marks{color:var(--hmi-ink);margin:0;padding:0 0 0 20px;font-size:12px;font-weight:600}.scada-marks b{font-family:var(--font-mono);color:#2f6db5;font-weight:600}.scada-report{display:grid}.scada-paper{color:#1d2228;border:1px solid var(--hmi-line);background:#fbfbfa;border-radius:3px;gap:8px;padding:12px 14px 14px;font-size:12.5px;display:grid;box-shadow:0 1px #0000001a}.scada-paper header{border-bottom:2px solid #1d2228;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:7px;display:flex}.scada-paper h4{color:#1d2228;letter-spacing:.2px;margin:0;font-size:15px}.scada-paper header p{color:#59606a;margin:1px 0 0;font-size:12px}.scada-batch-no{justify-items:end;line-height:1.1;display:grid}.scada-batch-no span{color:#59606a;letter-spacing:.6px;text-transform:uppercase;font-size:10.5px;font-weight:700}.scada-batch-no b{font:700 17px var(--font-mono);font-variant-numeric:tabular-nums}.scada-result{flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;display:flex}.scada-result b{text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:750}.scada-result span{color:#59606a;font-size:11.5px}.scada-result.aborted b{color:#9b1219}.scada-paper.open .scada-result b{color:#59606a}.scada-section{gap:2px;display:grid}.scada-paper h5{color:#59606a;font-family:var(--font-sans);letter-spacing:.6px;text-transform:uppercase;margin:4px 0 1px;font-size:10.5px;font-weight:700}.scada-paper dl{margin:0}.scada-line{border-bottom:1px dotted #c4c8cd;justify-content:space-between;align-items:baseline;gap:10px;padding:2.5px 0;display:flex}.scada-line dt{color:#3b4149}.scada-line dd{text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:2px 8px;margin:0;display:flex}.scada-line b{font:650 13px var(--font-mono);font-variant-numeric:tabular-nums}.scada-line small{color:#59606a;align-items:center;gap:4px;font-size:11px;display:inline-flex}.scada-line.outside b{color:#9a6400}.scada-line .hmi-marker{width:14px;height:14px}.scada-none{color:#59606a;margin:0;padding:14px 0 10px}@container screen (max-width:440px){.scada-stations{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.scada-station{padding:6px 8px 8px}.scada-state b{font-size:13.5px}.order-process .scada-station:not(:last-child):after{display:none}.scada-counts{font-size:11px}.scada-incident{--gutter:72px}.scada-times i:nth-child(2n){display:none}.scada-paper{padding:10px 10px 12px}.scada-line small{font-size:10.5px}}