@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/plus-jakarta-sans-latin-400-normal-Dhut76fR.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-400-normal-BDKaGhyp.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/plus-jakarta-sans-latin-500-normal-Bf-nb4oT.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-500-normal-DYtqi0QS.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/plus-jakarta-sans-latin-600-normal-DLTa1BUW.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-600-normal-BR_Ojra4.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/plus-jakarta-sans-latin-700-normal-CfpNZvy6.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-700-normal-DqEcQeE5.woff) format("woff")}:root,[data-mode=light]{--background-primary: #ffffff;--background-secondary: #e5ebed;--background-mid-tone: #f5f8f9;--foreground-base: #11272d;--foreground-level-2: #3f5c64;--foreground-level-3: #55757e;--foreground-level-4: #72929b;--foreground-high-contrast: #010c10;--foreground-inverted: #ffffff;--borders-low-contrast: rgba(85, 117, 126, .2);--borders-high-contrast: #55757e;--primary-base: #eb470b;--primary-hover: #c3330b;--primary-active: #eb470b;--primary-focus: #fa6317;--brand-base: #7e22ce;--brand-hover: #6b21a8;--brand-active: #7e22ce;--brand-focus: #a855f7;--positive-base: #2c7f16;--positive-hover: #266417;--positive-focus: #35a118;--warning-base: #bb6d02;--warning-hover: #985408;--warning-focus: #bb6d02;--negative-base: #c31221;--negative-hover: #a1131f;--negative-focus: #fa3949;--info-base: #0a6deb;--info-hover: #0f57be;--info-focus: #28a0ff;--status-blue-base: #0a6deb;--status-blue-hover: #0f57be;--status-blue-base-alt: #88d5ff;--status-blue-text: #edf8ff;--status-yellow-base: #bb6d02;--status-yellow-hover: #985408;--status-yellow-base-alt: #ffef46;--status-yellow-text: #fffeea;--status-red-base: #c31221;--status-red-hover: #a1131f;--status-red-base-alt: #ff9fa7;--status-red-text: #fff1f2;--status-green-base: #2c7f16;--status-green-hover: #266417;--status-green-base-alt: #9dee87;--status-green-text: #f4fdf0;--status-purple-base: #7e22ce;--status-purple-hover: #6b21a8;--status-purple-base-alt: #d8b4fe;--status-purple-text: #faf5ff;--status-orange-base: #c3330b;--status-orange-hover: #9b2911;--status-orange-base-alt: #feb073;--status-orange-text: #fff6ed;--status-pink-base: #c3136a;--status-pink-hover: #a11358;--status-pink-base-alt: #fba6db;--status-pink-text: #fdf2f9;--status-lime-base: #717e1b;--status-lime-hover: #5f671c;--status-lime-base-alt: #c8e36a;--status-lime-text: #f8fbeb;--status-teal-base: #0c796b;--status-teal-hover: #0f6057;--status-teal-base-alt: #5aeecf;--status-teal-text: #f0fdf9;--status-abyss-base: #234048;--status-abyss-hover: #11272d;--status-abyss-base-alt: #9fb8c0;--status-abyss-text: #f5f8f9;--overlay-background: rgba(35, 64, 72, .6);--overlay-background-alt: rgba(35, 64, 72, .85);--font-display: "degular-text", "Degular Text", ui-sans-serif, system-ui, sans-serif;--font-sans: var(--font-jakarta, "Plus Jakarta Sans"), ui-sans-serif, system-ui, sans-serif;--font-serif: "ivypresto-display", "IvyPresto Display", Georgia, "Times New Roman", serif;--font-mono: "degular-mono", "Degular Mono", ui-monospace, monospace;--text-display-xlarge: 4.625rem;--text-display-xlarge--line-height: 4.75rem;--text-display-xlarge--letter-spacing: -.025em;--text-display-xlarge--font-weight: 700;--text-display-large: 3.75rem;--text-display-large--line-height: 4rem;--text-display-large--letter-spacing: -.025em;--text-display-large--font-weight: 700;--text-display-medium: 3rem;--text-display-medium--line-height: 3.25rem;--text-display-medium--letter-spacing: -.0192em;--text-display-medium--font-weight: 700;--text-display-small: 2.5rem;--text-display-small--line-height: 2.75rem;--text-display-small--letter-spacing: -.0144em;--text-display-small--font-weight: 700;--text-heading-xxlarge: 2rem;--text-heading-xxlarge--line-height: 2.25rem;--text-heading-xxlarge--letter-spacing: -.0096em;--text-heading-xxlarge--font-weight: 700;--text-heading-xlarge: 1.75rem;--text-heading-xlarge--line-height: 2rem;--text-heading-xlarge--letter-spacing: -.0072em;--text-heading-xlarge--font-weight: 700;--text-heading-large: 1.5rem;--text-heading-large--line-height: 1.75rem;--text-heading-large--letter-spacing: -.0048em;--text-heading-large--font-weight: 700;--text-heading-medium: 1.25rem;--text-heading-medium--line-height: 1.5rem;--text-heading-medium--letter-spacing: -.0024em;--text-heading-medium--font-weight: 700;--text-heading-small: 1rem;--text-heading-small--line-height: 1.25rem;--text-heading-small--letter-spacing: 0em;--text-heading-small--font-weight: 700;--text-heading-xsmall: .875rem;--text-heading-xsmall--line-height: 1.25rem;--text-heading-xsmall--letter-spacing: 0em;--text-heading-xsmall--font-weight: 700;--text-heading-xxsmall: .75rem;--text-heading-xxsmall--line-height: 1rem;--text-heading-xxsmall--letter-spacing: .005em;--text-heading-xxsmall--font-weight: 700;--text-body-large: 1rem;--text-body-large--line-height: 1.5rem;--text-body-large--letter-spacing: 0em;--text-body-large--font-weight: 400;--text-body: .875rem;--text-body--line-height: 1.25rem;--text-body--letter-spacing: 0em;--text-body--font-weight: 400;--text-body-small: .75rem;--text-body-small--line-height: 1rem;--text-body-small--letter-spacing: .005em;--text-body-small--font-weight: 400;--text-metric-large: 1.75rem;--text-metric-large--line-height: 2rem;--text-metric-large--letter-spacing: -.0072em;--text-metric-large--font-weight: 600;--text-metric-medium: 1.5rem;--text-metric-medium--line-height: 1.75rem;--text-metric-medium--letter-spacing: -.0048em;--text-metric-medium--font-weight: 600;--text-metric-small: 1rem;--text-metric-small--line-height: 1.25rem;--text-metric-small--letter-spacing: 0em;--text-metric-small--font-weight: 600;--font-weight-thin: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 800;--measure-body: 68ch;--measure-lead: 56ch;--measure-display: 20ch;--space-0: 0rem;--space-025: .125rem;--space-050: .25rem;--space-075: .375rem;--space-100: .5rem;--space-150: .75rem;--space-200: 1rem;--space-250: 1.25rem;--space-300: 1.5rem;--space-400: 2rem;--space-500: 2.5rem;--space-600: 3rem;--space-800: 4rem;--space-1000: 5rem;--space-negative-025: -.125rem;--space-negative-050: -.25rem;--space-negative-075: -.375rem;--space-negative-100: -.5rem;--space-negative-150: -.75rem;--space-negative-200: -1rem;--space-negative-250: -1.25rem;--space-negative-300: -1.5rem;--space-negative-400: -2rem;--radius-container: min(8cqw, 8cqh, 64px);--corner-shape-container: squircle;--radius-card: min(24cqw, 24cqh, 120px);--corner-shape-card: squircle;--radius-button: min(34cqw, 34cqh);--corner-shape-button: squircle;--elevation-0: none;--elevation-1: 0 1px 2px 0px #11272d26;--elevation-2: 0 3px 10px 0px #11272d26;--elevation-3: 0 10px 20px 0px #11272d26;--elevation-4: 0 20px 30px 0px #11272d26;--elevation-5: 0 35px 60px 0px #11272d26;--elevation-6: 0 65px 100px 0px #11272d26;--elevation-7: 0 120px 150px 0px #11272d26;--elevation-sunken: var(--elevation-0);--elevation-default: var(--elevation-0);--elevation-raised: var(--elevation-1);--elevation-overlay: var(--elevation-3);--elevation-overflow: var(--elevation-1);--surface: var(--background-secondary);--surface-up: var(--background-primary);--surface-down: var(--background-secondary);--container-fixed-wide: 80rem;--grid-columns: 4;--grid-margin: var(--space-200);--grid-gutter: var(--space-200)}[data-mode=dark]{--background-primary: #010c10;--background-secondary: #11272d;--background-mid-tone: #0f1d21;--foreground-base: #f5f8f9;--foreground-level-2: #9fb8c0;--foreground-level-3: #55757e;--foreground-level-4: #3f5c64;--foreground-high-contrast: #ffffff;--foreground-inverted: #010c10;--borders-low-contrast: rgba(85, 117, 126, .3);--borders-high-contrast: #55757e;--primary-base: #fc833b;--primary-hover: #feb073;--primary-active: #fc833b;--primary-focus: #fa6317;--brand-base: #d8b4fe;--brand-hover: #e9d5ff;--brand-active: #d8b4fe;--brand-focus: #a855f7;--positive-base: #9dee87;--positive-hover: #c9f6bc;--positive-focus: #6bdc4c;--warning-base: #ffef46;--warning-hover: #fff985;--warning-focus: #ffef46;--negative-base: #ff9fa7;--negative-hover: #ffc7cc;--negative-focus: #fa3949;--info-base: #88d5ff;--info-hover: #b9e5ff;--info-focus: #28a0ff;--status-blue-base: #88d5ff;--status-blue-hover: #b9e5ff;--status-blue-base-alt: #0a6deb;--status-blue-text: #112f5a;--status-yellow-base: #ffef46;--status-yellow-hover: #fff985;--status-yellow-base-alt: #bb6d02;--status-yellow-text: #482400;--status-red-base: #ff9fa7;--status-red-hover: #ffc7cc;--status-red-base-alt: #c31221;--status-red-text: #49060c;--status-green-base: #9dee87;--status-green-hover: #c9f6bc;--status-green-base-alt: #2c7f16;--status-green-text: #0c2e05;--status-purple-base: #d8b4fe;--status-purple-hover: #e9d5ff;--status-purple-base-alt: #7e22ce;--status-purple-text: #3b0764;--status-orange-base: #feb073;--status-orange-hover: #fed1aa;--status-orange-base-alt: #c3330b;--status-orange-text: #431007;--status-pink-base: #fba6db;--status-pink-hover: #fcceec;--status-pink-base-alt: #c3136a;--status-pink-text: #52052a;--status-lime-base: #c8e36a;--status-lime-hover: #dceea1;--status-lime-base-alt: #717e1b;--status-lime-text: #2f320c;--status-teal-base: #5aeecf;--status-teal-hover: #96f9e1;--status-teal-base-alt: #0c796b;--status-teal-text: #03302d;--status-abyss-base: #9fb8c0;--status-abyss-hover: #c9d6da;--status-abyss-base-alt: #234048;--status-abyss-text: #010c10;--overlay-background: rgba(159, 184, 192, .6);--overlay-background-alt: rgba(159, 184, 192, .85)}@media(min-width:64rem){:root{--grid-columns: 8;--grid-margin: var(--space-400);--grid-gutter: var(--space-400)}}@media(min-width:80rem){:root{--grid-columns: 12}}:root,[data-mode=light]{--primary-base:#6f14f0;--primary-hover:#4c10a2;--primary-active:#6f14f0;--primary-focus:#8e57f2;--logo-mark:#6f14f0;--logo-word:#6f14f0}[data-mode=dark]{--primary-base:#ae81f4;--primary-hover:#d1b9ff;--primary-active:#ae81f4;--primary-focus:#8e57f2;--logo-mark:#ae81f4;--logo-word:var(--foreground-high-contrast)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{font-family:var(--font-sans);background:var(--background-secondary);color:var(--foreground-base)}h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase}svg{flex-shrink:0}button{font:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:not(:disabled){cursor:pointer}::selection{background:var(--primary-base);color:var(--foreground-inverted)}:focus-visible{outline:2px solid var(--primary-focus);outline-offset:2px}.fill-logo-mark{fill:var(--logo-mark)}.fill-logo-word{fill:var(--logo-word)}.ds-shape{position:relative;isolation:isolate}.ds-shape>.ds-shape__layer{position:absolute;inset:0;z-index:-1;container-type:size;pointer-events:none}.ds-shape>.ds-shape__layer>.ds-shape__surface{position:absolute;inset:0;overflow:hidden;border-radius:var(--ds-shape-radius);corner-shape:squircle}.ds-shape[data-step=container]{--ds-shape-radius:var(--radius-container)}.ds-shape[data-step=card]{--ds-shape-radius:var(--radius-card)}.ds-shape[data-step=button]{--ds-shape-radius:var(--radius-button)}.button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-100);padding:var(--space-150);color:var(--foreground-base);min-height:var(--space-500)}.button>.ds-shape__layer>.ds-shape__surface{background:var(--background-primary);border:1px solid var(--borders-low-contrast)}.button:hover:not(:disabled)>.ds-shape__layer>.ds-shape__surface{background:var(--background-mid-tone);border-color:var(--borders-high-contrast)}.button--primary{color:var(--foreground-inverted)}.button--primary>.ds-shape__layer>.ds-shape__surface{background:var(--primary-base);border-color:transparent}.button--primary:hover:not(:disabled)>.ds-shape__layer>.ds-shape__surface{background:var(--primary-hover);border-color:transparent}.button--danger{color:var(--negative-base)}.button--danger>.ds-shape__layer>.ds-shape__surface{border-color:var(--negative-base)}.button--danger:hover:not(:disabled){color:var(--foreground-inverted)}.button--danger:hover:not(:disabled)>.ds-shape__layer>.ds-shape__surface{background:var(--negative-base);border-color:var(--negative-base)}.button--ghost>.ds-shape__layer>.ds-shape__surface{background:transparent;border:0}.button svg{color:currentColor}.button--ghost svg{color:var(--foreground-level-3)}.panel{padding:var(--space-200);min-width:0}.panel>.ds-shape__layer>.ds-shape__surface,.metric>.ds-shape__layer>.ds-shape__surface{background:var(--background-primary);border:1px solid var(--borders-low-contrast)}.app-shell{min-height:100dvh}.workspace{min-width:0;width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-150);padding:var(--space-150) var(--grid-margin);background:var(--background-primary);border-bottom:1px solid var(--borders-low-contrast)}.breadcrumb{display:flex;align-items:center;gap:var(--space-200);min-width:0}.breadcrumb>span,.breadcrumb>strong{display:none}.brand-logo{width:calc(var(--space-800) * 2);height:auto}.brand-mark{width:var(--space-300);height:var(--space-600)}.topbar-status{display:flex;align-items:center;gap:var(--space-150)}.topbar-status>span{display:none}.live{color:var(--positive-base)}.offline,.stale-value{color:var(--negative-base)}main{padding:var(--grid-margin);display:flex;flex-direction:column;gap:var(--space-200);min-width:0}.page-heading{display:flex;gap:var(--space-200);align-items:center;justify-content:space-between;padding-block:var(--space-100)}.page-heading p{color:var(--foreground-level-2);margin-top:var(--space-100);max-width:var(--measure-body)}.eyebrow,.section-title{text-transform:uppercase;color:var(--foreground-level-2)}.eyebrow{margin-bottom:var(--space-100)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:var(--space-100)}.section-title svg,.metric-title svg{color:var(--foreground-level-3)}.run-clock{display:none;text-align:right;white-space:nowrap}.run-clock>span,.run-clock>strong,.run-clock>small{display:block}.run-clock small{color:var(--foreground-level-2)}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-200)}.metrics>:last-child:nth-child(odd){grid-column:1/-1}.metric{min-width:0;padding:var(--space-200)}.metric-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-100);color:var(--foreground-level-2)}.metric-title svg{display:none}.metric-value{display:flex;align-items:baseline;gap:var(--space-075);flex-wrap:wrap;margin-top:var(--space-100)}.metric-value span{color:var(--foreground-level-2);font-family:var(--font-sans)}.metric-detail{color:var(--foreground-level-2);margin-top:var(--space-100)}.progress{height:var(--space-050);margin-top:var(--space-150);background:var(--background-secondary);border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:var(--info-base);border-radius:inherit}.main-grid,.left-column,.right-column{display:flex;flex-direction:column;gap:var(--space-200);min-width:0}.left-column{position:relative}.scene-card{height:calc(var(--space-1000) * 6);min-width:0}.scene-card>.ds-shape__layer>.ds-shape__surface{background:var(--background-secondary);border:1px solid var(--borders-low-contrast)}.scene-view{position:absolute;inset:0;isolation:isolate}.scene-view canvas{outline:none}.scene-toolbar{position:absolute;top:var(--space-200);left:var(--space-200);right:var(--space-200);display:flex;justify-content:space-between;align-items:center;gap:var(--space-100);z-index:2;pointer-events:none}.scene-toolbar>div,.scene-toolbar>.state-pill{pointer-events:auto}.scene-toolbar>div{display:flex;gap:var(--space-050)}.scene-toolbar .button>.ds-shape__layer>.ds-shape__surface{background:var(--background-primary);border:1px solid var(--borders-low-contrast)}.state-pill,.tag{display:inline-flex;gap:var(--space-050);padding:var(--space-050) var(--space-100);border-radius:999px;border:1px solid var(--borders-low-contrast);background:var(--background-primary);white-space:nowrap}.state-pill{color:var(--foreground-level-2)}.state-pill.fault,.tag.danger{color:var(--negative-base);border-color:var(--negative-base)}.tag{color:var(--positive-base);margin-top:var(--space-150)}.tag.warning{color:var(--warning-base)}.scene-hint{position:absolute;bottom:var(--space-200);left:var(--space-200);right:var(--space-200);text-align:center;color:var(--foreground-level-2);pointer-events:none}.scene-label{background:var(--background-primary);border:1px solid var(--borders-low-contrast);color:var(--foreground-base);padding:var(--space-100) var(--space-150);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-050);text-align:left;border-radius:var(--space-150);box-shadow:var(--elevation-raised)}.scene-label span{color:var(--foreground-level-2);text-transform:uppercase}.scene-label.selected{border-color:var(--primary-base)}.scene-label small{white-space:nowrap}.bottle-label{display:block;background:var(--info-base);color:var(--foreground-inverted);border-radius:999px;padding:var(--space-100)}.scene-error,.connecting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-300);gap:var(--space-200)}main>.connecting{position:relative;min-height:calc(var(--space-1000)*4)}.sequence-steps{display:flex;gap:var(--space-100);flex-wrap:wrap;margin-top:var(--space-150)}.sequence-steps>div{display:flex;align-items:center;gap:var(--space-050);padding:var(--space-050);color:var(--foreground-level-2)}.sequence-steps .current{color:var(--info-base)}.sequence-steps span,.scan-count{font-family:var(--font-mono)}.operations{display:flex;flex-direction:column;gap:var(--space-150)}.operations>div:first-child small{display:block;color:var(--foreground-level-2);margin-top:var(--space-050)}.control-buttons{display:flex;flex-wrap:wrap;gap:var(--space-100)}.control-buttons .button{flex:1;white-space:nowrap}.control-buttons .injected{color:var(--warning-base)}.control-buttons .injected>.ds-shape__layer>.ds-shape__surface{border-color:var(--warning-base)}.control-buttons small{font-family:var(--font-mono)}.right-column{container-type:inline-size}.right-column h3{margin-top:var(--space-150)}.equipment-code,.recipe-id{color:var(--foreground-level-2);margin-top:var(--space-150)}.io-list{margin-top:var(--space-200)}.io-list>div,.details>div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-150);padding-block:var(--space-100);border-bottom:1px solid var(--borders-low-contrast)}.io-list>div{color:var(--foreground-level-2)}.io-value{font-family:var(--font-mono);color:var(--foreground-level-2)}.io-value.on{color:var(--positive-base)}.volume{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-150);margin-top:var(--space-200);padding-block:var(--space-100);border-top:1px solid var(--borders-low-contrast)}.volume small{display:block;color:var(--foreground-level-2)}.volume strong{font-family:var(--font-mono)}.volume strong span{font-family:var(--font-sans);color:var(--foreground-level-2)}.volume>.progress{flex-basis:100%;margin:0}.volume svg{color:var(--foreground-level-3)}.inspector-note,.muted,.recipe-footer{color:var(--foreground-level-2);margin-top:var(--space-150)}.details{margin-top:var(--space-150)}.details dt{color:var(--foreground-level-2)}.details dd{text-align:right;overflow-wrap:anywhere}.fill-meter{height:var(--space-1000);position:relative;background:var(--background-secondary);margin-block:var(--space-200);overflow:hidden}.fill-meter i{display:block;position:absolute;bottom:0;background:var(--info-base);width:100%}.fill-meter svg{position:relative;color:var(--foreground-level-3)}.scenario-card p{margin-block:var(--space-150);color:var(--foreground-level-2)}.scenario-card .control-buttons{display:grid;grid-template-columns:1fr 1fr}.scenario-card .button{white-space:normal;text-align:left}.maintenance{margin-top:var(--space-200);padding-top:var(--space-150);border-top:1px solid var(--borders-low-contrast)}.data-card{container-type:inline-size}.data-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-100);padding-bottom:var(--space-150);border-bottom:1px solid var(--borders-low-contrast)}.signal-table{overflow-x:auto}.signal-table>div{display:grid;grid-template-columns:minmax(12rem,2fr) .5fr 1fr .65fr;gap:var(--space-150);padding-block:var(--space-150);border-bottom:1px solid var(--borders-low-contrast);min-width:calc(var(--space-1000)*7)}.signal-table strong{display:block;font-weight:400}.signal-table small{display:block;color:var(--foreground-level-2)}.signal-header{text-transform:uppercase;color:var(--foreground-level-2)}.numeric,.type-label,.bool{font-family:var(--font-mono)}.bool.true,.quality{color:var(--positive-base)}.event-list>div{display:flex;align-items:center;gap:var(--space-150);padding-block:var(--space-150);border-bottom:1px solid var(--borders-low-contrast)}.event-list>div>span{flex:1}.event-list time{font-family:var(--font-mono);color:var(--foreground-level-2)}.event-dot{width:var(--space-075);height:var(--space-075);border-radius:50%;background:var(--info-base);flex-shrink:0}.event-dot.complete{background:var(--positive-base)}.event-dot.emergency,.event-dot.quality{background:var(--negative-base)}.broker-panel{display:flex;flex-direction:column;gap:var(--space-200);padding-top:var(--space-200)}.broker-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-150)}.broker-heading .tag{margin:0}.broker-path{display:flex;flex-wrap:wrap;gap:var(--space-100);color:var(--foreground-level-2);padding-bottom:var(--space-150);border-bottom:1px solid var(--borders-low-contrast)}.broker-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-150)}.broker-metrics dt{color:var(--foreground-level-2)}.broker-metrics dd{margin-top:var(--space-100)}.broker-projections{display:grid;grid-template-columns:1fr;gap:var(--space-200)}.broker-projections strong{display:block;margin-block:var(--space-100)}.broker-projections p{color:var(--foreground-level-2)}.broker-projections small{display:block;margin-top:var(--space-100);color:var(--foreground-level-2)}.broker-settings{padding:var(--space-150) var(--space-200);border:1px solid var(--borders-low-contrast);border-radius:var(--space-150);background:var(--background-secondary)}.broker-settings>form{display:flex;flex-direction:column;gap:var(--space-150);margin-top:var(--space-150)}.broker-settings>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.broker-settings>summary::-webkit-details-marker{display:none}.broker-settings>summary svg{transition:transform .15s}.broker-settings[open]>summary svg{transform:rotate(180deg)}.broker-settings-help{color:var(--foreground-level-2);max-width:var(--measure-body)}.broker-toggle{display:flex;align-items:center;gap:var(--space-100);font-weight:600}.segmented{display:inline-flex;align-self:flex-start;border:1px solid var(--borders-high-contrast);border-radius:var(--space-100);overflow:hidden}.segmented label{position:relative;padding:var(--space-050) var(--space-150);cursor:pointer;color:var(--foreground-level-2)}.segmented label+label{border-left:1px solid var(--borders-high-contrast)}.segmented label.active{background:var(--foreground-base);color:var(--foreground-inverted)}.segmented label:has(input:disabled){cursor:not-allowed;opacity:.55}.segmented label:has(input:focus-visible){outline:2px solid var(--primary-focus);outline-offset:-2px}.segmented input{position:absolute;inset:0;opacity:0;margin:0;cursor:inherit}.broker-lanes{display:grid;gap:var(--space-050);padding-bottom:var(--space-150);border-bottom:1px solid var(--borders-low-contrast)}.broker-lanes .broker-path{padding-bottom:0;border-bottom:0}.broker-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-150)}.broker-fields label{display:flex;flex-direction:column;gap:var(--space-50);min-width:0}.broker-fields label>span{color:var(--foreground-level-2);font-size:var(--text-body-small)}.broker-fields input{width:100%;padding:var(--space-100) var(--space-150);border:1px solid var(--borders-low-contrast);border-radius:var(--radius-button);background:var(--background-primary);color:var(--foreground-base);font:inherit}.broker-field-wide{grid-column:1/-1}.broker-settings-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-150)}.broker-settings-message{color:var(--foreground-level-2)}.broker-disabled-note{display:flex;flex-direction:column;gap:var(--space-100);color:var(--foreground-level-2)}.broker-disabled-note code{display:block;padding:var(--space-100) var(--space-150);background:var(--background-primary);border:1px solid var(--borders-low-contrast);border-radius:var(--radius-button);font-family:var(--font-mono);font-size:var(--text-body-small);overflow-x:auto}@media(max-width:36rem){.broker-fields{grid-template-columns:1fr}}.model-alarm,.broker-warning{color:var(--negative-base)}.broker-traces>div{display:flex;align-items:center;gap:var(--space-100);padding-block:var(--space-100);border-bottom:1px solid var(--borders-low-contrast);flex-wrap:wrap}.broker-traces small{margin-left:auto}.broker-traces p{margin-top:var(--space-150)}.footer{display:flex;justify-content:space-between;gap:var(--space-150);flex-wrap:wrap;color:var(--foreground-level-2)}.alert{display:flex;align-items:center;gap:var(--space-150);padding:var(--space-200);background:var(--background-primary);border:1px solid var(--negative-base);color:var(--negative-base)}.alert>div{flex:1}.alert p{margin-top:var(--space-050)}.toast{position:fixed;bottom:var(--space-200);left:var(--space-200);right:var(--space-200);z-index:30;display:flex;align-items:center;justify-content:center;gap:var(--space-150);padding:var(--space-150);background:var(--background-primary);border:1px solid var(--borders-low-contrast);box-shadow:var(--elevation-overlay);color:var(--positive-base)}.toast.error{color:var(--negative-base)}.toast>.button{padding:var(--space-050)}.dialog{border:0;background:transparent;padding:var(--space-200);max-width:var(--measure-lead);width:100%;color:var(--foreground-base)}.dialog::backdrop{background:var(--overlay-background)}.dialog-content{padding:var(--space-300)}.dialog-content>.ds-shape__layer>.ds-shape__surface{background:var(--background-primary);box-shadow:var(--elevation-overlay)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-200)}.dialog-content p{margin-block:var(--space-200);color:var(--foreground-level-2)}.view-scene{height:100dvh;min-height:0}.view-scene main{padding:0;position:relative;height:100dvh;gap:0}.view-scene .main-grid,.view-scene .left-column{height:100%;display:block}.view-scene .scene-card{height:100%;width:100%}.view-scene .operations{position:absolute;bottom:var(--space-200);left:var(--space-200);right:var(--space-200);z-index:5;background:var(--background-primary)}.embed-status{position:absolute;bottom:var(--space-150);left:var(--space-200);right:var(--space-200);color:var(--foreground-level-2);pointer-events:none}.embed-status{background:var(--background-primary);padding:var(--space-050) var(--space-100);border-radius:999px;width:max-content;max-width:calc(100% - var(--space-400))}.view-scene:has(.operations) .embed-status{display:none}.view-dashboard .main-grid{display:flex}.view-dashboard .right-column,.view-dashboard .sequence{display:none}.scene-card:fullscreen{width:100dvw;height:100dvh}@container (width >= 36rem){.broker-projections{grid-template-columns:repeat(3,minmax(0,1fr))}.broker-projections.protocol-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.topbar{min-height:var(--space-1000)}.breadcrumb>span{display:block;color:var(--foreground-level-2)}.topbar-status>span.live,.topbar-status>span.offline{display:flex;gap:var(--space-100);align-items:center}.status-dot{width:var(--space-075);height:var(--space-075);border-radius:50%;background:var(--positive-base)}.offline .status-dot{background:var(--negative-base)}.run-clock{display:block}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-title svg{display:block}.scene-card{height:calc(var(--space-1000)*7)}.toast{left:50%;right:auto;transform:translate(-50%);width:max-content;max-width:var(--measure-body)}}@media(min-width:80rem){main{gap:var(--space-300)}.breadcrumb>strong{display:block}.main-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gutter)}.left-column{grid-column:span 9}.right-column{grid-column:span 3;max-height:calc(var(--space-1000)*10);overflow-y:auto;scrollbar-width:thin;padding-bottom:var(--space-025)}.scene-card{height:max(calc(var(--space-1000)*4),calc(100dvh - var(--space-1000)*7))}.operations{flex-direction:row;align-items:center;justify-content:space-between}.operations>.control-buttons{flex-wrap:nowrap}.operations>div:first-child{flex-shrink:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body,.button{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--text-body--line-height);letter-spacing:var(--text-body--letter-spacing);font-weight:var(--text-body--font-weight)}h1{font-family:var(--font-display);font-size:var(--text-heading-xlarge);line-height:var(--text-heading-xlarge--line-height);letter-spacing:var(--text-heading-xlarge--letter-spacing);font-weight:var(--text-heading-xlarge--font-weight)}h2,.broker-heading h3{font-family:var(--font-display);font-size:var(--text-heading-medium);line-height:var(--text-heading-medium--line-height);letter-spacing:var(--text-heading-medium--letter-spacing);font-weight:var(--text-heading-medium--font-weight)}h3{font-family:var(--font-display);font-size:var(--text-heading-small);line-height:var(--text-heading-small--line-height);letter-spacing:var(--text-heading-small--letter-spacing);font-weight:var(--text-heading-small--font-weight)}.eyebrow,.section-title{font-family:var(--font-display);font-size:var(--text-heading-xxsmall);line-height:var(--text-heading-xxsmall--line-height);letter-spacing:var(--text-heading-xxsmall--letter-spacing);font-weight:var(--text-heading-xxsmall--font-weight)}p,.scene-label small,.signal-table,.io-list,.details,.broker-projections p,.broker-traces{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--text-body--line-height);letter-spacing:var(--text-body--letter-spacing);font-weight:var(--text-body--font-weight)}small,.metric-title,.metric-detail,.metric-value span,.recipe-id,.inspector-note,.scene-hint,.tag,.state-pill,.topbar-status,.sequence-steps,.run-clock>span,.footer,.signal-header,.scene-label span,.broker-metrics dt,.broker-path,.event-list,.embed-status{font-family:var(--font-sans);font-size:var(--text-body-small);line-height:var(--text-body-small--line-height);letter-spacing:var(--text-body-small--letter-spacing);font-weight:var(--text-body-small--font-weight)}.metric-value,.run-clock>strong{font-family:var(--font-mono);font-size:var(--text-metric-large);line-height:var(--text-metric-large--line-height);letter-spacing:var(--text-metric-large--letter-spacing);font-weight:var(--text-metric-large--font-weight)}.broker-metrics dd,.volume strong{font-family:var(--font-mono);font-size:var(--text-metric-medium);line-height:var(--text-metric-medium--line-height);letter-spacing:var(--text-metric-medium--letter-spacing);font-weight:var(--text-metric-medium--font-weight)}.broker-projections strong{font-family:var(--font-display);font-size:var(--text-heading-small);line-height:var(--text-heading-small--line-height);letter-spacing:var(--text-heading-small--letter-spacing);font-weight:var(--text-heading-small--font-weight)}.scene-label span{white-space:nowrap}.scene-card>.ds-shape__layer{pointer-events:auto}.embed-preview-grid{display:grid;gap:var(--grid-gutter)}.embed-preview-grid iframe{display:block;width:100%;height:calc(var(--space-1000)*7);border:0}@media(min-width:80rem){.embed-preview-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.embed-preview-grid>.scene-preview{grid-column:span 8}.embed-preview-grid>iframe:not(.scene-preview){grid-column:span 4}}@media(min-width:80rem){.view-workspace .operations{position:relative}}.ds-shape.panel,.ds-shape.metric,.ds-shape.scene-card{--ds-shape-radius:var(--space-150)}.link-button{text-decoration:none}.header-actions{display:flex;align-items:center;gap:var(--space-100)}.theme-switch{padding:var(--space-100)}.view-navigation{display:flex;gap:var(--space-100);flex-wrap:wrap;padding:var(--space-050);background:var(--background-primary);border:1px solid var(--borders-low-contrast);border-radius:var(--space-150)}.view-navigation .button{padding:var(--space-100) var(--space-150);flex:1;white-space:nowrap}.data-card{display:flex;flex-direction:column;gap:var(--space-150)}.data-content{max-height:clamp(20rem,60dvh,40rem);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;min-width:0;padding-right:var(--space-100)}.data-heading{padding-bottom:var(--space-150);flex-shrink:0}.data-heading .muted{margin:0}.broker-projections section,.details dd{overflow-wrap:anywhere}.scene-hint{width:max-content;max-width:calc(100% - var(--space-400));margin-inline:auto;padding:var(--space-050) var(--space-100);background:var(--background-primary);border-radius:999px}.embed-preview .breadcrumb>strong{display:block}.embed-preview .topbar{flex-wrap:wrap}.embed-preview .header-actions .link-button{white-space:nowrap}@media(min-width:64rem){.view-navigation .button{flex:0 1 auto;min-width:calc(var(--space-1000)*1.5)}}@media not (min-width:40rem){.view-navigation{gap:var(--space-050)}.view-navigation .button{gap:var(--space-050);padding:var(--space-100) var(--space-050);font-size:var(--text-body-small)}.breadcrumb>strong{display:none}}.scene-card[hidden]{display:none}:root{color-scheme:light}:root[data-mode=dark]{color-scheme:dark}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:is(html,.right-column,.data-content,.signal-table,.dialog):is(:hover,:focus-within){scrollbar-color:var(--foreground-level-3) transparent}*::-webkit-scrollbar{width:var(--space-100);height:var(--space-100)}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-thumb{background:transparent;border:2px solid transparent;border-radius:999px;background-clip:padding-box}:is(.right-column,.data-content,.signal-table,.dialog):is(:hover,:focus-within)::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb:hover{background-color:var(--foreground-level-3)}@media(hover:none){*{scrollbar-color:var(--foreground-level-3) transparent}*::-webkit-scrollbar-thumb{background-color:var(--foreground-level-3)}}.topbar>.brand-logo{width:calc(var(--space-600)*2);height:auto}.topbar-status>.connection-status{display:inline-flex;align-items:center;gap:var(--space-050);white-space:nowrap}.header-actions>.button{padding:var(--space-100)}@media(min-width:40rem){.topbar>.brand-logo{width:calc(var(--space-800)*2)}}@media(min-width:64rem)and (min-height:600px){.view-workspace{height:100dvh;min-height:0}.view-workspace .workspace{height:100%;display:flex;flex-direction:column;min-height:0}.view-workspace .topbar{min-height:calc(var(--space-600) + var(--space-100));padding:var(--space-100) var(--space-200);flex-shrink:0}.view-workspace main{flex:1;min-height:0;padding:var(--space-150) var(--space-200);gap:var(--space-150)}.view-workspace main>:not(.main-grid){flex-shrink:0}.view-workspace .page-heading{padding:0}.view-workspace h1{font-size:var(--text-heading-medium);line-height:var(--text-heading-medium--line-height)}.view-workspace .page-heading .eyebrow{margin-bottom:var(--space-050)}.view-workspace .page-heading p{margin-top:var(--space-050);font-size:var(--text-body-small);line-height:var(--text-body-small--line-height)}.view-workspace .run-clock>strong{font-size:var(--text-metric-medium);line-height:var(--text-metric-medium--line-height)}.view-workspace .metrics{gap:var(--space-150)}.view-workspace .metric{padding:var(--space-150)}.view-workspace .metric-value{margin-top:var(--space-050);font-size:var(--text-metric-medium);line-height:var(--text-metric-medium--line-height)}.view-workspace .metric-detail{margin-top:var(--space-050)}.view-workspace .metric .progress{margin-top:var(--space-100)}.view-workspace .view-navigation .button{min-height:var(--space-400);padding:var(--space-050) var(--space-150)}.view-workspace .main-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(15rem,1fr);gap:var(--space-150);flex:1;min-height:0}.view-workspace .left-column{grid-column:auto;min-height:0;gap:var(--space-100)}.view-workspace .scene-card{flex:1;min-height:0;height:auto}.view-workspace .scene-toolbar{top:var(--space-100);left:var(--space-100);right:var(--space-100)}.view-workspace .scene-toolbar .button{min-height:var(--space-400);padding:var(--space-100)}.view-workspace .scene-hint{bottom:var(--space-100);font-size:var(--text-body-small)}.view-workspace .sequence,.view-workspace .operations{padding:var(--space-100) var(--space-150);flex-shrink:0}.view-workspace .sequence-steps{margin-top:var(--space-050);gap:var(--space-050)}.view-workspace .sequence-steps>div{padding:0}.view-workspace .operations{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-100)}.view-workspace .operations>.control-buttons{flex-wrap:nowrap}.view-workspace .operations .button{padding:var(--space-100) var(--space-150)}.view-workspace .operations small{font-size:var(--text-body-small)}.view-workspace .right-column{grid-column:auto;min-height:0;height:100%;max-height:none;overflow-y:auto;gap:var(--space-100);padding:0 var(--space-025) 0 0}.view-workspace .right-column>.panel{flex-shrink:0;padding:var(--space-150)}.view-workspace .data-card{flex:1;min-height:0;padding:var(--space-150)}.view-workspace .data-content{flex:1;min-height:0;max-height:none}.view-workspace .footer{font-size:var(--text-body-small);line-height:var(--text-body-small--line-height)}.view-workspace .alert{padding:var(--space-100) var(--space-150)}}.header-brand{display:flex;align-items:center;gap:var(--space-200);min-width:0}.header-brand>.brand-logo{width:calc(var(--space-800)*2);height:auto}.workspace-breadcrumb{display:flex;align-items:center;gap:var(--space-100);min-width:0;font-size:var(--text-body-small)}.workspace-breadcrumb a{color:var(--foreground-level-2);text-decoration:none;white-space:nowrap}.workspace-breadcrumb a:hover{text-decoration:underline}.workspace-breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-actions{display:flex;align-items:center;gap:var(--space-150);min-width:0}.speed-control{display:flex;align-items:center;gap:var(--space-050);color:var(--foreground-level-2);font-size:var(--text-body-small)}.speed-control select{font:inherit;color:var(--foreground-base);background:var(--background-primary);border:1px solid var(--borders-low-contrast);border-radius:var(--space-100);padding:var(--space-100);min-height:var(--space-500)}.catalogue{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.catalogue-scroll{flex:1;min-height:0}.catalogue main{max-width:80rem;margin-inline:auto;padding:clamp(var(--space-200),4dvh,var(--space-600)) var(--grid-margin)}.catalogue .twin-illustration{padding-block:clamp(var(--space-150),3dvh,var(--space-300))}.catalogue .twin-illustration svg{width:auto;max-width:100%;height:clamp(6rem,20dvh,13rem);margin-inline:auto}@media(not (min-height:52rem))and (min-width:40rem){.catalogue-grid{margin-top:var(--space-150);gap:var(--space-200)}.catalogue .twin-card-body{padding:var(--space-200) var(--space-300) var(--space-150);gap:var(--space-100)}.catalogue .twin-facts{gap:var(--space-100);padding-top:var(--space-100)}.catalogue .twin-card-footer{padding-block:var(--space-100)}}.catalogue-heading p{color:var(--foreground-level-2);margin-top:var(--space-150);max-width:var(--measure-body)}.catalogue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:var(--space-300);margin-top:var(--space-200)}.twin-card{position:relative;max-width:34rem;display:flex;flex-direction:column;padding:0;transition:transform .2s ease}.twin-card>.ds-shape__layer>.ds-shape__surface{transition:border-color .2s ease,box-shadow .2s ease}.twin-card:hover{transform:translateY(-2px)}.twin-card:hover>.ds-shape__layer>.ds-shape__surface{border-color:var(--borders-high-contrast);box-shadow:var(--elevation-raised)}.twin-card:focus-within>.ds-shape__layer>.ds-shape__surface{border-color:var(--primary-base)}.twin-illustration{margin:1px 1px 0;padding:var(--space-300) var(--space-400);background:radial-gradient(120% 90% at 50% 100%,color-mix(in srgb,var(--primary-base) 7%,transparent),transparent 70%),color-mix(in srgb,var(--background-secondary) 70%,var(--background-primary));border-radius:calc(var(--space-150) - 1px) calc(var(--space-150) - 1px) 0 0;corner-shape:squircle;border-bottom:1px solid var(--borders-low-contrast);color:var(--foreground-level-3)}.twin-illustration svg{display:block;width:100%;height:auto;transition:transform .3s ease}.twin-card:hover .twin-illustration svg{transform:scale(1.02)}.twin-status{position:absolute;top:var(--space-150);right:var(--space-150);display:inline-flex;align-items:center;gap:var(--space-075);padding:var(--space-050) var(--space-100);border-radius:999px;border:1px solid var(--borders-low-contrast);background:var(--background-primary);color:var(--foreground-level-2);font-size:var(--text-body-small);line-height:var(--text-body-small--line-height);white-space:nowrap}.twin-status i{width:.5rem;height:.5rem;border-radius:50%;background:var(--foreground-level-3)}.twin-status.available{color:var(--positive-base)}.twin-status.available i{background:var(--positive-base);box-shadow:0 0 0 3px color-mix(in srgb,var(--positive-base) 20%,transparent)}.twin-status.unavailable{color:var(--warning-base)}.twin-status.unavailable i{background:var(--warning-base)}.twin-card-body{flex:1;display:flex;flex-direction:column;gap:var(--space-150);padding:var(--space-300) var(--space-300) var(--space-200)}.twin-card-title{display:flex;align-items:center;gap:var(--space-150)}.twin-icon{display:inline-grid;place-items:center;width:var(--space-500);height:var(--space-500);border-radius:var(--space-100);background:color-mix(in srgb,var(--primary-base) 12%,transparent);color:var(--primary-base);flex-shrink:0}.twin-card-body>p{color:var(--foreground-level-2)}.twin-facts{display:grid;gap:var(--space-150);margin-top:var(--space-050);padding-top:var(--space-150);border-top:1px solid var(--borders-low-contrast)}.twin-facts>div{display:flex;flex-direction:column;gap:var(--space-075)}.twin-facts dt{display:flex;align-items:center;gap:var(--space-075);color:var(--foreground-level-3);font-size:var(--text-body-small);text-transform:uppercase;letter-spacing:.04em}.twin-facts dd{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-075)}.twin-badge{display:inline-flex;align-items:center;margin:0;gap:var(--space-050);min-height:1.75rem;padding:0 var(--space-100);border-radius:999px;border:1px solid var(--borders-high-contrast);background:var(--background-primary);color:var(--foreground-base);font-size:var(--text-body-small);white-space:nowrap}.twin-badge.secondary{border-color:var(--borders-low-contrast);color:var(--foreground-level-2)}.twin-badge.route{border-color:color-mix(in srgb,var(--primary-base) 45%,transparent);background:color-mix(in srgb,var(--primary-base) 8%,var(--background-primary));color:var(--foreground-base);font-family:var(--font-mono);font-size:.75rem}.twin-badge.route b{font-weight:600;color:var(--primary-base)}.twin-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-150);padding:var(--space-150) var(--space-300);border-top:1px solid var(--borders-low-contrast);color:var(--foreground-level-3)}.twin-open{display:inline-flex;align-items:center;gap:var(--space-100);color:var(--primary-base);font-weight:600;text-decoration:none}.twin-open:after{content:"";position:absolute;inset:0;border-radius:var(--space-150)}.twin-open:focus-visible{outline:none}.twin-open:focus-visible:after{outline:2px solid var(--primary-focus);outline-offset:2px}.twin-open svg{transition:transform .2s ease}.twin-card:hover .twin-open svg{transform:translate(3px)}@media not (min-width:40rem){.twin-illustration,.twin-card-body{padding:var(--space-200)}.twin-card-footer{padding-inline:var(--space-200)}}@media(prefers-reduced-motion:reduce){.twin-card,.twin-card *{transition:none!important}.twin-card:hover{transform:none}}@media(min-width:64rem)and (min-height:600px){.view-workspace .operations>.run-actions{flex-shrink:0}.view-workspace .run-actions>.control-buttons{flex-wrap:nowrap}.view-workspace .run-actions .button{padding:var(--space-100)}}@media not (min-width:64rem){.operations .run-actions{flex-wrap:wrap}.operations .run-actions>.control-buttons{flex:1}}@media not (min-width:40rem){.header-brand>.brand-logo{width:var(--space-1000)}.workspace-breadcrumb strong,.workspace-breadcrumb>svg{display:none}.header-brand{gap:var(--space-100)}.view-workspace .topbar-status .connection-status{display:none}}.view-workspace .scene-card:fullscreen{height:100dvh;width:100dvw;flex:none}.page-header.topbar{height:calc(var(--space-600) + var(--space-100));min-height:calc(var(--space-600) + var(--space-100));padding:var(--space-100) var(--space-200);flex-wrap:nowrap;flex-shrink:0}.page-header .header-brand{flex:1;min-width:0}.brand-home{display:flex;align-items:center;flex-shrink:0}.brand-home>.brand-logo{width:6.5rem;height:auto}.page-header .topbar-status{flex-shrink:0;gap:var(--space-100)}.page-header .topbar-status>.button{padding:var(--space-100)}.workspace-breadcrumb ol{display:flex;align-items:center;gap:var(--space-100);list-style:none;padding:0;margin:0;min-width:0}.workspace-breadcrumb li{display:flex;align-items:center;gap:var(--space-100);min-width:0}.workspace-breadcrumb li>a,.workspace-breadcrumb li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-breadcrumb [aria-current=page]{font-weight:700}.breadcrumb-short{display:none}@media not (min-width:40rem){.brand-home>.brand-logo{width:4.5rem}.workspace-breadcrumb .breadcrumb-root{display:none}.workspace-breadcrumb ol>li:nth-child(2)>svg{display:none}.workspace-breadcrumb .breadcrumb-full{display:none}.workspace-breadcrumb .breadcrumb-short{display:inline}.workspace-breadcrumb li>a{max-width:6rem}}.production-options{display:grid;gap:8px;margin:12px 0 16px}.production-options label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.production-options select{max-width:180px;border:1px solid var(--borders-low-contrast);border-radius:6px;background:var(--background-primary);color:inherit;padding:6px;font:inherit}.inspector{position:relative}.inspector-dismiss{position:absolute;top:var(--space-100);right:var(--space-100);padding:var(--space-050);z-index:1}.simulation-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--space-200);align-items:start}@media(min-width:80rem){.main-grid.no-aside>.left-column{grid-column:1/-1}}@media(min-width:64rem)and (min-height:600px){.view-workspace .main-grid.no-aside{grid-template-columns:minmax(0,1fr)}.view-workspace .simulation-panels{flex:1;min-height:0;overflow-y:auto;align-content:start}}.production-summary dl{display:flex;flex-direction:column;margin-top:var(--space-100)}.production-summary dl>div{display:grid;grid-template-columns:1fr auto;column-gap:var(--space-100);align-items:baseline;padding-block:var(--space-100);border-bottom:1px solid var(--borders-low-contrast)}.production-summary dl>div:last-child{border-bottom:0;padding-bottom:0}.production-summary dt{color:var(--foreground-level-2)}.production-summary dd{display:flex;gap:var(--space-050);align-items:baseline;justify-content:flex-end}.production-summary dd strong{font-family:var(--font-mono);font-size:var(--text-metric-medium);line-height:var(--text-metric-medium--line-height)}.production-summary dd span,.production-summary small{color:var(--foreground-level-2)}.production-summary small{grid-column:1/-1}.production-summary .progress{grid-column:1/-1;margin-top:var(--space-075)}.data-path-control{display:flex;flex-direction:column;gap:var(--space-150);padding-bottom:var(--space-200);border-bottom:1px solid var(--borders-low-contrast)}.data-path-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-150)}.data-path-row>div:first-child{flex:1 1 18rem;min-width:0}.data-path-row p{color:var(--foreground-level-2);margin-top:var(--space-050);max-width:var(--measure-body)}.data-path-row .segmented{align-self:center;flex-shrink:0}.confirm-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-150);padding:var(--space-150);border:1px solid var(--warning-base);border-radius:var(--space-150);background:var(--background-primary)}.confirm-row p{flex:1 1 16rem}.confirm-row>div{display:flex;gap:var(--space-100);flex-wrap:wrap}.hop-map{display:flex;flex-direction:column;gap:var(--space-200)}.hop-lane{display:flex;flex-direction:column;gap:var(--space-100);min-width:0}.hop-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-150)}.hop{position:relative;min-width:0;display:flex}.hop-button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-050);padding:var(--space-100) var(--space-150);text-align:left;color:var(--foreground-base);background:var(--background-primary);border:1px solid var(--borders-low-contrast);border-radius:var(--space-150);transition:border-color .15s,background .15s}.hop-button:hover{border-color:var(--borders-high-contrast);background:var(--background-mid-tone)}.hop-button[aria-pressed=true]{border-color:var(--primary-base);box-shadow:inset 0 0 0 1px var(--primary-base)}.hop-button.status-down{border-color:color-mix(in srgb,var(--negative-base) 55%,var(--borders-low-contrast))}.hop-button.status-not-deployed,.hop-button.status-disabled{border-style:dashed}.hop-head{display:flex;align-items:center;gap:var(--space-100);min-width:0;max-width:100%}.hop-head strong{font-weight:600;min-width:0;overflow-wrap:anywhere}.hop-status{display:inline-flex;align-items:center;gap:var(--space-050);color:var(--foreground-level-2);text-transform:uppercase;letter-spacing:.04em}.hop-button.drift .hop-status svg{color:var(--warning-base)}.hop-evidence{color:var(--foreground-level-2);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hop-dot{display:inline-block;flex-shrink:0;width:.5rem;height:.5rem;border-radius:50%;background:var(--foreground-level-3)}.hop-dot.live{background:var(--positive-base);box-shadow:0 0 0 3px color-mix(in srgb,var(--positive-base) 22%,transparent)}.hop-dot.stale{background:var(--warning-base)}.hop-dot.down{background:var(--negative-base)}.hop-dot.disabled{background:transparent;border:1.5px solid var(--foreground-level-3)}.hop-dot.not-deployed{background:transparent;border:1.5px dashed var(--warning-base)}.hop.linked:before{content:"";position:absolute;left:calc(var(--space-150) + .25rem - 1px);top:calc(-1 * var(--space-150));height:var(--space-150);width:2px;background:var(--borders-high-contrast)}.hop.flowing:before{background:repeating-linear-gradient(180deg,var(--positive-base) 0 4px,transparent 4px 8px);background-size:100% 8px;animation:hop-flow-y .7s linear infinite}@keyframes hop-flow-y{to{background-position:0 8px}}@keyframes hop-flow-x{to{background-position:8px 0}}@container (width >= 44rem){.hop-row{grid-template-columns:repeat(var(--hops,4),minmax(0,1fr))}.hop.linked:before{left:calc(-1 * var(--space-150));top:calc(var(--space-100) + .75rem);width:var(--space-150);height:2px}.hop.flowing:before{background:repeating-linear-gradient(90deg,var(--positive-base) 0 4px,transparent 4px 8px);background-size:8px 100%;animation-name:hop-flow-x}}@media(prefers-reduced-motion:reduce){.hop.flowing:before{animation:none}}.hop-drawer{display:flex;flex-direction:column;gap:var(--space-150);padding:var(--space-200);border:1px solid var(--borders-low-contrast);border-radius:var(--space-150);background:var(--background-secondary);min-width:0}.hop-drawer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-150)}.hop-drawer-heading h3{margin-top:var(--space-050);overflow-wrap:anywhere}.hop-drawer-heading .tag{margin:0;align-items:center}.hop-drawer-heading .tag[class*=status-]{color:var(--foreground-base)}.hop-drawer-heading .tag.muted-tag{color:var(--foreground-level-2)}.hop-drawer-actions{display:flex;align-items:center;gap:var(--space-050)}.hop-drawer-actions .button{padding:var(--space-050);min-height:var(--space-400)}.hop-drawer-evidence{color:var(--foreground-level-2)}.hop-details{margin-top:0}.hop-details code{font-family:var(--font-mono);font-size:var(--text-body-small)}.hop-details .with-copy{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-050)}.copy-button{padding:var(--space-050);min-height:auto}.client-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-050)}.client-list small{display:block;color:var(--foreground-level-2)}.protocol-form{display:flex;flex-direction:column;gap:var(--space-150)}.field-error{color:var(--negative-base);font-size:var(--text-body-small)}.broker-fields input[aria-invalid=true]{border-color:var(--negative-base)}.drift-warning{display:flex;align-items:flex-start;gap:var(--space-100);padding:var(--space-100) var(--space-150);border:1px solid var(--warning-base);border-radius:var(--space-100);background:var(--background-primary);color:var(--foreground-base);overflow-wrap:anywhere}.drift-warning svg{color:var(--warning-base);margin-top:.15em}.transport-chip,.owner-chip{display:inline-flex;align-items:center;padding:0 var(--space-100);border-radius:999px;border:1px solid var(--borders-high-contrast);font-size:var(--text-body-small);line-height:1.6;color:var(--foreground-level-2);white-space:nowrap}.transport-chip.opcua,.protocol-tag.opcua{color:var(--info-base);border-color:color-mix(in srgb,var(--info-base) 55%,transparent)}.transport-chip.sparkplug,.protocol-tag.sparkplug{color:var(--positive-base);border-color:color-mix(in srgb,var(--positive-base) 55%,transparent)}.trace-path{color:var(--foreground-level-2);font-size:var(--text-body-small);overflow-wrap:anywhere;min-width:0}.owner-chip{display:inline-block;color:var(--foreground-base);max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.signal-table.with-owner>div{grid-template-columns:minmax(12rem,2fr) .5fr minmax(8rem,1fr) 1fr .65fr;min-width:calc(var(--space-1000)*8)}.connectivity-strip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-050) var(--space-200);padding:var(--space-100) var(--space-150);background:var(--background-primary);border:1px solid var(--borders-low-contrast);border-radius:var(--space-150);color:var(--foreground-base);font:inherit;font-size:var(--text-body-small);text-align:left;text-decoration:none;flex-shrink:0;min-width:0}.connectivity-strip:hover{border-color:var(--borders-high-contrast);background:var(--background-mid-tone)}.strip-lane{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-050) var(--space-150)}.strip-lane+.strip-lane{padding-left:var(--space-200);border-left:1px solid var(--borders-low-contrast)}.strip-item{display:inline-flex;align-items:center;gap:var(--space-075);white-space:nowrap}.scene-strip{position:absolute;left:var(--space-200);right:var(--space-200);bottom:var(--space-200);z-index:4;display:flex;justify-content:flex-end;pointer-events:none}.view-scene:has(.operations) .scene-strip{top:calc(var(--space-200) + var(--space-600));bottom:auto;justify-content:flex-start}.scene-strip>.connectivity-strip{pointer-events:auto;box-shadow:var(--elevation-raised);max-width:100%}.view-scene:not(:has(.operations)) .scene-strip>.connectivity-strip{max-width:calc(100% - 18rem)}.protocol-tag{display:inline-block;margin-top:var(--space-050);padding:0 var(--space-075);border:1px solid;border-radius:999px;font-style:normal;font-size:.625rem;line-height:1.5;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:var(--background-primary)}@media not (min-width:40rem){.strip-lane+.strip-lane{padding-left:0;border-left:0}.connectivity-strip{flex-direction:column;align-items:flex-start}.scene-strip{left:var(--space-100);right:var(--space-100);bottom:calc(var(--space-150) + var(--space-500))}.view-scene:not(:has(.operations)) .scene-strip>.connectivity-strip{max-width:100%}.hop-drawer{padding:var(--space-150)}}@media not (min-width:30rem){.view-navigation .button>svg{display:none}}.transport-chip.modbus,.protocol-tag.modbus,.wire-address.modbus{color:var(--warning-base);border-color:color-mix(in srgb,var(--warning-base) 55%,transparent)}.transport-chip.bacnet,.protocol-tag.bacnet,.wire-address.bacnet{color:var(--info-base);border-color:color-mix(in srgb,var(--info-base) 55%,transparent)}.energy-label:not(.selected){flex-direction:row;align-items:baseline;gap:var(--space-100);padding:var(--space-050) var(--space-100);box-shadow:none;opacity:.92}.energy-label:not(.selected) em{display:none}.energy-label.fault{border-color:var(--negative-base)}.energy-label.fault small{color:var(--negative-base)}.wire-list{margin-top:var(--space-200)}.wire-list>div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-150);padding-block:var(--space-100);border-bottom:1px solid var(--borders-low-contrast);color:var(--foreground-level-2)}.wire-list>div>span:first-child{display:flex;flex-direction:column;gap:var(--space-025);min-width:0}.wire-list .io-value{text-align:right;white-space:nowrap}.wire-address{align-self:flex-start;font-family:var(--font-mono);font-size:.6875rem;line-height:1.5;padding:0 var(--space-075);border:1px solid var(--borders-low-contrast);border-radius:999px;white-space:nowrap}.wire-address.derived{color:var(--foreground-level-3)}.wire-write-title{margin-top:var(--space-200)}.wire-write code{font-family:var(--font-mono)}.site-settings{display:flex;flex-direction:column;gap:var(--space-100);margin-block:var(--space-150)}.site-settings .section-title{margin-top:var(--space-100)}.site-settings .production-options{margin:0}.setpoint-field{display:flex;align-items:center;gap:var(--space-100)}.setpoint-field label{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.setpoint-field label>span{display:inline-flex;align-items:center;gap:var(--space-050)}.setpoint-field label small{color:var(--foreground-level-2);min-width:1.5rem}.setpoint-field input{width:6rem;border:1px solid var(--borders-low-contrast);border-radius:6px;background:var(--background-primary);color:inherit;padding:6px;font:inherit;font-family:var(--font-mono);text-align:right}.setpoint-apply{border:1px solid var(--borders-low-contrast);border-radius:6px;background:var(--background-primary);color:var(--primary-base);padding:6px 10px;font-size:12px}.setpoint-apply:hover:not(:disabled){border-color:var(--primary-base)}.setting-hint{color:var(--warning-base);font-size:12px}.twin-unavailable{color:var(--warning-base)}.twin-card.unavailable .twin-illustration svg{opacity:.55}.tag.muted-tag{color:var(--foreground-level-2)}.balance{margin-top:var(--space-150)}.balance-bar{position:relative;margin:0}.balance-bar:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--foreground-level-3)}.balance-bar i{position:absolute;top:0;bottom:0;transition:width .3s ease}.balance-bar .balance-negative{right:50%;border-radius:999px 0 0 999px;background:var(--positive-base)}.balance-bar .balance-positive{left:50%;border-radius:0 999px 999px 0}.balance-legend{display:flex;justify-content:space-between;margin-top:var(--space-050);color:var(--foreground-level-3);font-size:.75rem}.balance[data-side=negative] .balance-legend span:first-child{color:var(--positive-base)}.balance[data-side=positive] .balance-legend span:last-child{color:var(--info-base)}.production-summary .balance{grid-column:1/-1;margin-top:var(--space-075)}.connection-status.pending{color:var(--warning-base)}.pending .status-dot{background:var(--warning-base)}.scroll-area{position:relative;overflow:hidden}.scroll-area-viewport{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.scroll-area-viewport::-webkit-scrollbar{display:none}.scroll-area-viewport:focus{outline:none}.scroll-area-bar{position:absolute;top:2px;right:2px;bottom:2px;width:var(--space-100);opacity:0;transition:opacity .2s ease .3s;pointer-events:none}.scroll-area:hover>.scroll-area-bar,.scroll-area[data-scrolling]>.scroll-area-bar{opacity:1;transition-delay:0s;pointer-events:auto}.scroll-area-thumb{width:100%;border-radius:999px;background:color-mix(in srgb,var(--foreground-level-3) 55%,transparent);cursor:default;transition:background .15s,width .15s}.scroll-area-thumb:hover,.scroll-area[data-scrolling] .scroll-area-thumb{background:var(--foreground-level-3)}@media(hover:none){.scroll-area-bar{display:none}}.gate-badge{display:inline-flex;padding:0 var(--space-100);border-radius:999px;border:1px solid var(--borders-low-contrast);color:var(--foreground-level-2);text-transform:uppercase;letter-spacing:.04em}.gate-badge.active{color:var(--positive-base);border-color:var(--positive-base)}.gate-badge.waiting,.gate-badge.mismatch{color:var(--warning-base);border-color:var(--warning-base)}