.hmi-workspace,.hmi-studio,.hmi-runtime{--hmi-navy:var(--accent-strong);--hmi-navy-strong:var(--brand-deep);--hmi-navy-soft:var(--surface-selected);--hmi-paper:var(--surface-raised);--hmi-paper-sunken:var(--surface-panel);--hmi-paper-panel:var(--surface-panel-alt);--hmi-ink:var(--text-primary);--hmi-ink-muted:var(--text-secondary);--hmi-rule:var(--border-subtle);--hmi-rule-strong:var(--border-strong);--hmi-fault:var(--state-danger);--hmi-caution:var(--state-warning);color:var(--hmi-ink);background:var(--hmi-paper);flex-direction:column;gap:8px;min-height:0;padding:8px;display:flex;overflow:auto}.hmi-runtime-chrome{border-bottom:1px solid var(--hmi-rule);flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:6px;display:flex}.hmi-runtime-identity{align-items:center;gap:8px;min-width:0;display:flex}.hmi-studio h1:not(.labs-product-identity *),.hmi-runtime-title{font-size:var(--text-size-title);color:var(--hmi-navy)}.hmi-mode-badge{border:1px solid var(--hmi-navy);border-radius:var(--radius,3px);color:var(--hmi-navy);font-size:var(--text-size-label);font-weight:var(--text-weight-semibold);letter-spacing:.08em;text-transform:uppercase;padding:1px 7px}.hmi-mode-badge[data-mode=preview]{border-style:dashed}.hmi-toolbar{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.hmi-dirty,.hmi-zoom-readout{color:var(--hmi-ink-muted);font-size:var(--text-size-label)}.hmi-conflict,.hmi-stale-link{border:1px solid var(--hmi-fault);border-radius:var(--radius,3px);background:color-mix(in srgb, var(--hmi-fault) 12%, var(--hmi-paper));color:var(--hmi-fault);font-size:var(--text-size-control);padding:6px 8px}.hmi-recovery,.hmi-session-message,.hmi-connection{border:1px solid var(--hmi-rule);border-radius:var(--radius,3px);background:var(--hmi-paper-sunken);font-size:var(--text-size-control);padding:6px 8px}.hmi-connection[data-connection=offline]{border-color:var(--hmi-caution);color:var(--hmi-caution)}.hmi-studio-body{grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(240px,300px);gap:8px;min-height:0;display:grid}.hmi-screen-panel,.hmi-properties{border:1px solid var(--hmi-rule);border-radius:var(--radius,3px);background:var(--hmi-paper-sunken);min-width:0;padding:8px;overflow:auto}.hmi-screen-panel ul,.hmi-screen-list ul,.hmi-diagnostics ul{margin:0;padding:0;list-style:none}.hmi-screen-panel li{border-bottom:1px solid var(--hmi-rule);padding:4px 0}.hmi-screen-panel li[data-active=true]>button{border-color:var(--hmi-navy);box-shadow:inset 0 -2px var(--hmi-navy);font-weight:var(--text-weight-semibold)}.hmi-screen-actions{flex-wrap:wrap;gap:2px;margin-top:3px;display:flex}.hmi-screen-actions button{min-height:24px;font-size:var(--text-size-label);padding:0 6px}.hmi-studio-centre{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.hmi-canvas{border:1px solid var(--hmi-rule-strong);border-radius:var(--radius,3px);background:var(--hmi-paper-panel);min-height:320px;padding:12px;position:relative;overflow:auto}.hmi-canvas:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hmi-canvas[data-grid=on] .hmi-stage{background-image:linear-gradient(to right, color-mix(in srgb, var(--brand-primary) 12%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--brand-primary) 12%, transparent) 1px, transparent 1px);background-size:8px 8px}.hmi-stage{--hmi-navy:var(--accent-strong);--hmi-navy-strong:var(--brand-deep);--hmi-navy-soft:var(--surface-selected);--hmi-paper:var(--surface-raised);--hmi-paper-sunken:var(--surface-panel);--hmi-paper-panel:var(--surface-panel-alt);--hmi-ink:var(--text-primary);--hmi-ink-muted:var(--text-secondary);--hmi-rule:var(--border-subtle);--hmi-rule-strong:var(--border-strong);--hmi-on:var(--state-powered);--hmi-off:var(--text-secondary);--hmi-unknown:color-mix(in srgb, var(--state-warning) 55%, var(--text-secondary));--hmi-caution:var(--state-warning);--hmi-fault:var(--state-danger);--hmi-series-1:var(--accent-strong);--hmi-series-2:var(--state-powered);--hmi-series-3:var(--state-warning);--hmi-series-4:var(--state-forced);--hmi-command:var(--accent);--hmi-draft-ground:color-mix(in srgb, var(--state-warning) 18%, var(--surface-raised));--hmi-touch-target:44px;color:var(--hmi-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--hmi-paper);border:1px solid var(--hmi-rule-strong);position:relative}.hmi-stage[data-background=surface-sunken]{background:var(--hmi-paper-sunken)}.hmi-stage[data-background=surface-panel]{background:var(--hmi-paper-panel)}.hmi-stage[data-background=surface-raised]{background:var(--hmi-paper);box-shadow:inset 0 0 0 1px var(--hmi-rule)}.hmi-stage[data-background=surface-inverse]{background:var(--hmi-navy-strong);color:var(--text-on-brand)}.hmi-component{min-width:0;min-height:0;display:flex;position:absolute}.hmi-component[data-component-type=rectangle],.hmi-component[data-component-type=ellipse],.hmi-component[data-component-type=line],.hmi-component[data-component-type=staticText],.hmi-component[data-component-type=stateIndicator],.hmi-component[data-component-type=numericDisplay],.hmi-component[data-component-type=textDisplay],.hmi-component[data-component-type=stringDisplay],.hmi-component[data-component-type=gauge],.hmi-component[data-component-type=levelBar]{pointer-events:none}.hmi-component .hmi-selection-layer,.hmi-component .hmi-select-target,.hmi-component .hmi-resize-handle{pointer-events:auto}.hmi-component>:first-child{flex:auto;min-width:0;min-height:0}.hmi-component[data-selected=true]{outline:2px solid var(--hmi-navy);outline-offset:1px}.hmi-marquee{z-index:9999;border:1px dashed var(--hmi-navy);background:color-mix(in srgb, var(--hmi-navy) 12%, transparent);pointer-events:none;position:absolute}.hmi-selection-layer{position:absolute;inset:0}.hmi-select-target{cursor:move;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0}.hmi-select-target:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.hmi-resize-handle{border:1px solid var(--hmi-paper);background:var(--hmi-navy);width:8px;height:8px;position:absolute}.hmi-resize-handle[data-handle=nw]{cursor:nwse-resize;top:-4px;left:-4px}.hmi-resize-handle[data-handle=n]{cursor:ns-resize;top:-4px;left:calc(50% - 4px)}.hmi-resize-handle[data-handle=ne]{cursor:nesw-resize;top:-4px;right:-4px}.hmi-resize-handle[data-handle=e]{cursor:ew-resize;top:calc(50% - 4px);right:-4px}.hmi-resize-handle[data-handle=se]{cursor:nwse-resize;bottom:-4px;right:-4px}.hmi-resize-handle[data-handle=s]{cursor:ns-resize;bottom:-4px;left:calc(50% - 4px)}.hmi-resize-handle[data-handle=sw]{cursor:nesw-resize;bottom:-4px;left:-4px}.hmi-resize-handle[data-handle=w]{cursor:ew-resize;top:calc(50% - 4px);left:-4px}.hmi-static-text{overflow-wrap:anywhere;white-space:pre-wrap;width:100%}.hmi-static-text[data-size=xs]{font-size:10px}.hmi-static-text[data-size=sm]{font-size:12px}.hmi-static-text[data-size=md]{font-size:14px}.hmi-static-text[data-size=lg]{font-size:18px}.hmi-static-text[data-size=xl]{font-size:24px}.hmi-static-text[data-weight=medium]{font-weight:600}.hmi-static-text[data-weight=bold]{font-weight:700}.hmi-static-text[data-align=center]{text-align:center}.hmi-static-text[data-align=end]{text-align:right}.hmi-static-text[data-tone=text-secondary],.hmi-static-text[data-tone=text-muted]{color:var(--hmi-ink-muted)}.hmi-static-text[data-tone=text-accent]{color:var(--hmi-navy)}.hmi-static-text[data-tone=text-inverse]{color:var(--text-on-brand)}.hmi-shape{border-style:solid;border-color:var(--hmi-rule);width:100%;height:100%}.hmi-shape-ellipse{border-radius:50%}.hmi-shape-line{background:var(--hmi-rule-strong);border:0}.hmi-shape-line[data-orientation=horizontal]{height:var(--hmi-stroke-width,2px);align-self:center}.hmi-shape-line[data-orientation=vertical]{width:var(--hmi-stroke-width,2px);justify-self:center}.hmi-shape[data-fill=fill-none]{background:0 0}.hmi-shape[data-fill=fill-subtle]{background:var(--hmi-paper-sunken)}.hmi-shape[data-fill=fill-panel]{background:var(--hmi-paper-panel)}.hmi-shape[data-fill=fill-strong]{background:var(--hmi-navy-soft)}.hmi-shape[data-fill=fill-accent]{background:var(--hmi-navy)}.hmi-shape[data-stroke=stroke-none]{border-color:#0000}.hmi-shape[data-stroke=stroke-strong]{border-color:var(--hmi-rule-strong)}.hmi-shape[data-stroke=stroke-accent]{border-color:var(--hmi-navy)}.hmi-shape[data-stroke=stroke-caution]{border-color:var(--hmi-caution)}.hmi-shape[data-stroke=stroke-fault]{border-color:var(--hmi-fault)}.hmi-indicator,.hmi-numeric,.hmi-gauge,.hmi-text-display,.hmi-trend,.hmi-unavailable-control,.hmi-degraded{border:1px solid var(--hmi-rule);border-radius:var(--radius,3px);background:var(--hmi-paper);flex-direction:column;gap:2px;width:100%;min-width:0;padding:4px 6px;display:flex;overflow:hidden}.hmi-indicator{flex-direction:row;align-items:center;gap:12px}.hmi-indicator-reading{flex-direction:column;min-width:0;display:flex}.hmi-indicator-shape{width:40px;height:40px;fill:var(--hmi-off);stroke:var(--hmi-rule-strong);stroke-width:2px;flex:none}.hmi-indicator-shape[data-fill=state-on]{fill:var(--hmi-on)}.hmi-indicator-shape[data-fill=state-off]{fill:var(--hmi-off)}.hmi-indicator-shape[data-fill=fill-none]{fill:none}.hmi-indicator-shape[data-fill=state-unknown]{fill:var(--hmi-unknown)}.hmi-indicator-shape[data-fill=state-caution]{fill:var(--hmi-caution)}.hmi-indicator-shape[data-fill=state-fault]{fill:var(--hmi-fault)}.hmi-indicator-shape[data-fill=state-inactive]{fill:var(--hmi-paper-panel)}.hmi-field-label{color:var(--hmi-ink-muted);font-size:var(--text-size-control);letter-spacing:normal;text-transform:none}.hmi-field-value{font-size:var(--text-size-title);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.hmi-field-value[data-quality=stale],.hmi-field-value[data-quality=unresolved]{color:var(--hmi-ink-muted);font-style:italic}.hmi-numeric-unit{font-size:var(--text-size-label);color:var(--hmi-ink-muted);margin-left:4px}.hmi-range-flag,.hmi-unavailable-badge{border:1px solid var(--hmi-caution);border-radius:var(--radius);color:var(--hmi-caution);font-size:var(--text-size-label);font-weight:var(--text-weight-semibold);letter-spacing:.05em;text-transform:uppercase;align-self:flex-start;padding:0 5px}.hmi-quality,.hmi-degraded-badge{color:var(--hmi-caution);font-size:var(--text-size-label);align-self:flex-start}.hmi-quality[data-quality=unresolved],.hmi-degraded-badge{border-color:var(--hmi-fault);color:var(--hmi-fault)}.hmi-last-known,.hmi-degraded-message,.hmi-degraded-remediation,.hmi-unavailable-detail,.hmi-binding-hint{color:var(--hmi-ink-muted);font-size:var(--text-size-label)}.hmi-unavailable-control,.hmi-degraded{background:var(--hmi-paper-sunken);border-style:dashed}.hmi-unavailable-name{font-size:var(--text-size-control);font-weight:var(--text-weight-semibold)}.hmi-navigator{border:1px solid var(--hmi-navy);border-radius:var(--radius,3px);background:var(--hmi-navy-soft);width:100%;height:100%;color:var(--hmi-navy);font-weight:var(--text-weight-semibold)}.hmi-navigator:disabled{border-color:var(--hmi-rule);background:var(--hmi-paper-sunken);color:var(--hmi-ink-muted)}.hmi-control{border:1px solid var(--hmi-rule);border-radius:var(--radius,3px);background:var(--hmi-paper);flex-direction:column;gap:2px;width:100%;min-width:0;padding:4px 6px;display:flex}.hmi-control[data-writes=inactive]{background:var(--hmi-paper-sunken);border-style:dashed}.hmi-control.hmi-momentary,.hmi-control.hmi-switch{background:0 0;border:0;gap:0;padding:0}.hmi-control.hmi-momentary>.hmi-control-button,.hmi-control.hmi-switch>.hmi-control-button{border:1px solid var(--hmi-rule);border-radius:var(--radius,3px);background:var(--hmi-paper);flex-direction:column;flex:auto;gap:2px;width:100%;padding:4px 6px}.hmi-control.hmi-momentary[data-writes=inactive]>.hmi-control-button,.hmi-control.hmi-switch[data-writes=inactive]>.hmi-control-button{background:var(--hmi-paper-sunken);border-style:dashed}.hmi-control-button{min-height:calc(var(--hmi-touch-target) / var(--hmi-interaction-scale,1) + .5px);border:1px solid var(--hmi-navy);border-radius:var(--radius,3px);background:var(--hmi-navy-soft);color:var(--hmi-navy);font:inherit;font-weight:var(--text-weight-semibold);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:2px 10px;display:flex}.hmi-momentary-button,.hmi-switch-button{flex:auto;width:100%}.hmi-control-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hmi-control-button:disabled{border-color:var(--hmi-rule);background:var(--hmi-paper-sunken);color:var(--hmi-ink-muted);cursor:not-allowed}.hmi-control-button[aria-disabled=true]{cursor:progress}.hmi-control-button[data-commanded=true]{background:var(--hmi-navy);color:var(--hmi-paper);border-width:2px}.hmi-control-commanded{border-radius:var(--radius);font-size:var(--text-size-label);font-weight:var(--text-weight-semibold);letter-spacing:.05em;text-transform:uppercase;border:1px solid;padding:0 5px}.hmi-control-name{overflow-wrap:anywhere;min-width:0}.hmi-switch-position{border-radius:var(--radius);font-size:var(--text-size-label);font-weight:var(--text-weight-semibold);border:1px solid;padding:0 6px}.hmi-switch-button[aria-checked=true]{border-color:var(--hmi-on);background:var(--hmi-on);color:var(--hmi-paper)}.hmi-switch-button[data-commanded=in-flight]{border-style:dashed}.hmi-control-feedback{border-left:3px solid var(--hmi-rule-strong);background:var(--hmi-paper-sunken);flex-wrap:wrap;align-items:baseline;gap:4px;min-width:0;padding:2px 4px;display:flex}.hmi-control-reading{font-size:var(--text-size-body);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.hmi-control-feedback[data-authoritative=unknown] .hmi-control-reading{color:var(--hmi-ink-muted);font-style:italic}.hmi-control-command,.hmi-control-refusal{border-left:3px dashed var(--hmi-command);flex-wrap:wrap;align-items:baseline;gap:4px;min-width:0;padding:2px 4px;display:flex}.hmi-control-phase{color:var(--hmi-command);font-size:var(--text-size-label);font-weight:var(--text-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.hmi-control-detail,.hmi-control-remediation{color:var(--hmi-ink-muted);font-size:var(--text-size-label);overflow-wrap:anywhere}.hmi-control-command[data-quiet=true]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hmi-control-command[data-phase=idle]{border-left-style:solid;border-left-color:var(--hmi-rule)}.hmi-control-command[data-phase=idle] .hmi-control-phase{color:var(--hmi-ink-muted)}.hmi-control-command[data-phase=unconfirmed],.hmi-control-command[data-phase=uncertain]{border-left-color:var(--hmi-caution)}.hmi-control-command[data-phase=unconfirmed] .hmi-control-phase,.hmi-control-command[data-phase=uncertain] .hmi-control-phase{color:var(--hmi-caution)}.hmi-control-command[data-phase=refused],.hmi-control-refusal{border-left-style:solid;border-left-color:var(--hmi-fault)}.hmi-control-command[data-phase=refused] .hmi-control-phase,.hmi-control-refusal .hmi-control-phase{color:var(--hmi-fault)}@keyframes hmi-in-flight{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.hmi-control-command[data-animated=true] .hmi-control-phase{animation:1.4s ease-in-out infinite hmi-in-flight}.hmi-control-unavailable{border:1px dashed var(--hmi-caution);border-radius:var(--radius,3px);background:var(--hmi-paper-sunken);flex-wrap:wrap;align-items:baseline;gap:4px;min-width:0;padding:2px 4px;display:flex}.hmi-input-row{flex:auto;align-items:stretch;gap:4px;min-width:0;display:flex}.hmi-input-field{min-width:0;min-height:calc(var(--hmi-touch-target) / var(--hmi-interaction-scale,1) + .5px);border:1px solid var(--hmi-rule-strong);border-radius:var(--radius,3px);background:var(--hmi-paper);color:var(--hmi-ink);font:inherit;font-variant-numeric:tabular-nums;flex:auto;padding:2px 6px}.hmi-input-field:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.hmi-input-field:disabled{border-color:var(--hmi-rule);background:var(--hmi-paper-sunken);color:var(--hmi-ink-muted)}.hmi-input-field[data-draft=true]{border:2px dashed var(--hmi-caution);background:var(--hmi-draft-ground);font-weight:var(--text-weight-semibold)}.hmi-input-draft-flag{border:1px dashed var(--hmi-caution);border-radius:var(--radius);color:var(--hmi-caution);font-size:var(--text-size-label);font-weight:var(--text-weight-semibold);letter-spacing:.05em;text-transform:uppercase;align-self:flex-start;padding:0 5px}.hmi-commit{flex:none}.hmi-trend-plot{border:1px solid var(--hmi-rule);background:var(--hmi-paper-sunken);flex:auto;width:100%;min-height:0}.hmi-trend-line{fill:none;stroke:var(--hmi-series-1);stroke-width:1.5px;vector-effect:non-scaling-stroke}.hmi-trend-line[data-series=series-2]{stroke:var(--hmi-series-2);stroke-dasharray:4 2}.hmi-trend-line[data-series=series-3]{stroke:var(--hmi-series-3);stroke-dasharray:1 2}.hmi-trend-line[data-series=series-4]{stroke:var(--hmi-series-4);stroke-dasharray:6 2 1 2}.hmi-trend-summary{font-size:var(--text-size-label)}.hmi-trend-table-scroll{max-height:160px;overflow:auto}.hmi-trend-table{border-collapse:collapse;width:100%;font-size:var(--text-size-label);font-variant-numeric:tabular-nums}.hmi-trend-table th,.hmi-trend-table td{border:1px solid var(--hmi-rule);text-align:right;padding:2px 6px}.hmi-trend-table caption{color:var(--hmi-ink-muted);font-size:var(--text-size-label);text-align:left;padding-bottom:3px}.hmi-runtime-viewport{box-sizing:border-box;border:1px solid var(--hmi-rule-strong);background:var(--hmi-paper-panel);flex:auto;align-self:stretch;width:100%;min-width:0;min-height:0;display:flex;overflow:auto}.hmi-runtime-canvas{flex:none;margin:auto;position:relative}.hmi-screen-list ul{flex-wrap:wrap;gap:4px;display:flex}.hmi-screen-list button[aria-current=page]{border-color:var(--hmi-navy);box-shadow:inset 0 -2px var(--hmi-navy);font-weight:var(--text-weight-semibold)}.hmi-navigation-bar{scrollbar-width:none;align-items:stretch;gap:6px;width:100%;height:100%;display:flex;overflow:auto}.hmi-navigation-bar button{min-width:calc(44px / var(--hmi-interaction-scale,1));min-height:calc(44px / var(--hmi-interaction-scale,1));border:var(--hmi-authored-borderWidth,1px) var(--hmi-authored-borderStyle,solid) var(--hmi-authored-borderColor,var(--hmi-rule));background:var(--hmi-authored-fillColor,var(--hmi-paper));color:var(--hmi-authored-foregroundColor,var(--hmi-ink-muted));font-family:var(--hmi-authored-fontFamily,var(--font-ui));font-size:var(--hmi-authored-fontSize,var(--text-size-title));font-weight:var(--hmi-authored-fontWeight,var(--text-weight-semibold));font-style:var(--hmi-authored-fontStyle,normal);white-space:nowrap;cursor:pointer;border-radius:2px;flex:none;padding:9px 16px}.hmi-navigation-bar button:first-child{margin-inline-start:auto}.hmi-navigation-bar button[aria-current=page]{background:var(--hmi-ink);border-color:var(--hmi-ink);color:var(--hmi-paper);box-shadow:inset 0 -2px}.hmi-navigation-bar button:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.hmi-navigation-bar button:disabled{cursor:default}.hmi-field{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}.hmi-field label{color:var(--hmi-ink-muted);font-size:var(--text-size-label);text-transform:uppercase;letter-spacing:.04em}.hmi-field-check{flex-direction:row;align-items:center;gap:6px}.hmi-field-check label{text-transform:none;letter-spacing:0;font-size:var(--text-size-label)}.hmi-properties fieldset,.hmi-binding-picker{border:1px solid var(--hmi-rule);border-radius:var(--radius,3px);margin:0 0 8px;padding:6px}.hmi-properties legend,.hmi-binding-picker legend{color:var(--hmi-navy);font-size:var(--text-size-label);font-weight:var(--text-weight-semibold);text-transform:uppercase;padding:0 4px}.hmi-properties-type{color:var(--hmi-ink-muted);font-size:var(--text-size-label)}.hmi-properties-readonly{border:1px dashed var(--hmi-caution);border-radius:var(--radius,3px);color:var(--hmi-caution);font-size:var(--text-size-label);padding:6px}.hmi-diagnostics{border:1px solid var(--hmi-rule);border-radius:var(--radius,3px);background:var(--hmi-paper-sunken);padding:8px}.hmi-diagnostics-title{font-size:var(--text-size-title);color:var(--hmi-navy)}.hmi-diagnostics li{border-bottom:1px solid var(--hmi-rule);font-size:var(--text-size-label);grid-template-columns:auto auto 1fr auto;align-items:baseline;gap:6px;padding:4px 0;display:grid}.hmi-diagnostic-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-size-label)}.hmi-diagnostic-severity{font-size:var(--text-size-label);text-transform:uppercase;letter-spacing:.05em}.hmi-diagnostics li[data-severity=error] .hmi-diagnostic-severity{color:var(--hmi-fault)}.hmi-diagnostics li[data-severity=warning] .hmi-diagnostic-severity{color:var(--hmi-caution)}.hmi-diagnostic-remediation{color:var(--hmi-ink-muted);font-size:var(--text-size-label);grid-column:3}.hmi-run-entry{border:2px solid var(--hmi-navy);border-radius:var(--radius,3px);background:var(--hmi-navy-soft);font-size:var(--text-size-control);flex-wrap:wrap;align-items:center;gap:6px;padding:8px;display:flex}.hmi-announcer,.hmi-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){.hmi-studio-body{grid-template-columns:minmax(0,1fr);min-height:auto}.hmi-studio-centre{min-height:auto}.hmi-properties,.hmi-screen-panel{max-height:320px}}@media (pointer:coarse){.hmi-toolbar button,.hmi-screen-list button,.hmi-runtime-view button{min-height:44px;padding:0 12px}}@media (prefers-reduced-motion:reduce){.hmi-workspace *,.hmi-studio *,.hmi-runtime *{transition:none!important;animation:none!important}}.hmi-dev-harness{flex-direction:column;height:100%;display:flex}.hmi-dev-controls{border-bottom:2px dashed var(--hmi-rule-strong);background:color-mix(in srgb, var(--state-warning) 18%, var(--surface-raised));color:var(--state-warning);font-size:var(--text-size-label);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.hmi-studio,.hmi-runtime,.hmi-workspace{font:var(--text-size-body)/1.45 var(--font-ui,"Segoe UI",sans-serif)}.hmi-studio{flex:1;gap:0;padding:0;overflow:hidden}.hmi-studio :is(h1,h2,p),.hmi-runtime :is(h1,p){margin:0}.hmi-studio :is(button,input,select,textarea):not(.hmi-stage *):not(.labs-product-navigation *){font:inherit;font-size:var(--text-size-control);color:var(--hmi-ink);border:1px solid var(--hmi-rule-strong);border-radius:var(--radius);background:var(--hmi-paper)}.hmi-studio button:not(.hmi-stage *):not(.labs-product-navigation *){cursor:pointer;min-height:32px;padding:5px 10px}.hmi-studio button:not(.hmi-stage *):not(.labs-product-navigation *):disabled{color:var(--text-disabled,var(--hmi-ink-muted));cursor:default;opacity:.65}.hmi-studio button:not(.hmi-stage *):not(.labs-product-navigation *):hover:enabled{background:var(--surface-hover,var(--hmi-paper-panel))}.hmi-studio :is(button,input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hmi-studio [hidden]{display:none!important}.hmi-studio h1:not(.labs-product-identity *){font-size:var(--text-size-title);font-weight:var(--text-weight-semibold);color:var(--hmi-ink);white-space:nowrap}.hmi-mode-badge{border-radius:var(--radius);font-size:var(--text-size-label);font-weight:var(--text-weight-regular);background:var(--hmi-navy-soft);padding:3px 7px}.hmi-studio .hmi-primary-action{background:var(--surface-selected);border-color:var(--accent-strong)}.hmi-palette{background:var(--hmi-paper-sunken);border-bottom:1px solid var(--hmi-rule-strong);flex-shrink:0;padding:0 18px}.hmi-palette-strip{align-items:stretch;gap:8px;min-width:0;min-height:38px;display:flex}.hmi-palette-categories{flex:1;align-items:stretch;gap:2px;min-width:0;display:flex;overflow-x:auto}.hmi-ribbon-toggle{flex:none;align-self:center;min-width:32px}.hmi-studio>.labs-product-header{flex-shrink:0}.hmi-studio-context{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.hmi-studio-context .hmi-toolbar{margin-left:auto}.hmi-live-state{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-panel-alt);color:var(--text-secondary);font-size:var(--text-size-label);white-space:nowrap;padding:2px 7px}.hmi-live-state[data-live=false]{border-style:dashed}.hmi-palette-categories button{white-space:nowrap;flex:none;font-size:var(--text-size-control)!important;background:0 0!important;border:0!important;border-radius:0!important;padding:8px 10px!important}.hmi-palette-categories button[aria-pressed=true]{box-shadow:inset 0 -2px var(--hmi-navy)}.hmi-palette-content{border-top:1px solid var(--hmi-rule);justify-content:space-between;align-items:center;gap:16px;min-height:74px;display:flex}.hmi-palette-items{align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto}.hmi-palette-items>button{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;min-width:96px;height:68px;display:flex;position:relative;font-size:var(--text-size-control)!important;background:0 0!important;border-color:#0000!important;padding:5px 10px!important}.hmi-palette-items>button:hover:enabled:not([data-pro-locked]){background:var(--surface-hover)!important}.hmi-palette-grip{width:12px;height:16px;color:var(--hmi-ink-muted);display:block;position:absolute;top:9px;left:1px}.hmi-palette-preview{height:30px;color:var(--hmi-ink);justify-content:center;align-items:center;display:flex}.hmi-preview-text{font-size:var(--text-size-dialog)}.hmi-preview-number{font:var(--text-size-dialog) var(--font-mono,monospace)}.hmi-preview-number small{font-size:var(--text-size-label)}.hmi-preview-mapped{font-size:var(--text-size-dialog)}.hmi-palette-search{font-size:var(--text-size-control);flex-direction:column;flex:0 0 215px;gap:5px;display:flex}.hmi-palette-search input{width:100%;min-height:31px;padding:5px 9px}.hmi-palette-search small{color:var(--hmi-ink-muted);font-size:var(--text-size-control)}.hmi-studio-body{flex:1 1 0;gap:0;min-height:0}.hmi-screen-panel{background:var(--hmi-paper-sunken);border:0;border-radius:0;flex-direction:column;gap:16px;padding:16px 13px;display:flex}.hmi-screen-panel h2{font-size:var(--text-size-title)}.hmi-screen-panel h2 span{color:var(--hmi-ink-muted);font-weight:var(--text-weight-regular);margin-left:6px}.hmi-screen-panel ul{gap:16px;display:grid}.hmi-screen-panel li{border:0;padding:0;position:relative}.hmi-screen-panel li>button:first-child{text-align:left;background:0 0;border-color:#0000;width:100%;padding:9px!important}.hmi-screen-panel li[data-active=true]>button:first-child{border-color:var(--hmi-navy);background:var(--hmi-navy-soft);box-shadow:none}.hmi-screen-caption{overflow-wrap:anywhere;align-items:center;gap:4px;min-width:0;padding-top:8px;padding-right:14px;display:flex}.hmi-screen-thumbnail{border:1px solid var(--hmi-rule-strong);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--hmi-navy-strong:var(--brand-deep);--hmi-paper:var(--surface-raised);--hmi-paper-sunken:var(--surface-panel);--hmi-paper-panel:var(--surface-panel-alt);--hmi-ink:var(--text-primary);--hmi-ink-muted:var(--text-secondary);background:var(--hmi-paper);width:100%;height:auto;max-height:120px;color:var(--hmi-ink-muted);display:block}.hmi-studio .hmi-screen-options{background:0 0;border:0;width:26px;min-height:26px;padding:0;position:absolute;bottom:8px;right:0}.hmi-screen-actions{z-index:2;background:var(--hmi-paper-panel);border:1px solid var(--hmi-rule-strong);padding:6px;position:relative}.hmi-screen-actions button{font-size:var(--text-size-control)}.hmi-screen-hint{color:var(--hmi-ink-muted);font-size:var(--text-size-control);padding:10px 7px 0;line-height:1.7;margin-top:auto!important}.hmi-panel-resizer{cursor:col-resize;touch-action:none;background:var(--hmi-rule);z-index:5;width:1px;position:relative}.hmi-panel-resizer:after{content:"";position:absolute;inset:0 -3px}.hmi-panel-resizer:hover,.hmi-panel-resizer:focus-visible{background:var(--hmi-navy);outline:2px solid var(--hmi-navy)}.hmi-studio-centre{background:var(--hmi-paper);gap:0;overflow:hidden}.hmi-canvas-heading{border-bottom:1px solid var(--hmi-rule);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;min-height:46px;padding:8px 20px;display:flex}.hmi-screen-command-notice{border-bottom:1px solid var(--hmi-rule);color:var(--hmi-ink);font-size:var(--text-size-control);flex-shrink:0;margin:0;padding:6px 20px}.hmi-canvas-heading>span{color:var(--hmi-ink-muted);font-size:var(--text-size-control)}.hmi-canvas-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;min-width:0;margin-left:auto;display:flex}.hmi-canvas-tools>button{font-size:var(--text-size-control)!important;background:0 0!important;border-color:#0000!important}.hmi-canvas-tools>button[aria-pressed=true]{background:var(--hmi-navy-soft)!important;border-color:var(--accent-strong)!important}.hmi-canvas{background:var(--hmi-paper);border:0;border-radius:0;flex:1;min-height:0;padding:48px}.hmi-canvas-sheet{flex-shrink:0;margin:auto;position:relative}.hmi-canvas .hmi-stage{position:absolute;top:0;left:0}.hmi-canvas[data-tool=pan],.hmi-canvas[data-tool=pan] .hmi-select-target{cursor:grab}.hmi-canvas-hint{text-align:center;color:var(--hmi-ink-muted);font-size:var(--text-size-control);flex-shrink:0;padding:8px 12px 12px}.hmi-inspector{background:var(--hmi-paper-sunken);min-width:0;overflow:auto}.hmi-inspector-tabs{border-bottom:1px solid var(--hmi-rule);background:var(--hmi-paper-sunken);z-index:1;gap:16px;height:46px;padding:0 16px;display:flex;position:sticky;top:0}.hmi-inspector-tabs button{background:0 0!important;border:0!important;border-radius:0!important}.hmi-inspector-tabs button[aria-selected=true]{box-shadow:inset 0 -2px var(--hmi-navy)}.hmi-inspector .hmi-properties{background:0 0;border:0;border-radius:0;padding:20px;overflow:visible}.hmi-properties h2{font-size:var(--text-size-title);margin:6px 0 14px}.hmi-properties-type{font-size:var(--text-size-label);text-transform:uppercase;letter-spacing:.7px;color:var(--hmi-ink-muted)}.hmi-property-screen,.hmi-properties>p{color:var(--hmi-ink-muted);font-size:var(--text-size-body);margin-bottom:14px;line-height:1.7}.hmi-properties>.hmi-screen-size{border-top:1px solid var(--hmi-rule);margin-top:26px;padding-top:20px}.hmi-properties :is(input,select,textarea){font-size:var(--text-size-body);width:100%;min-width:0;min-height:31px;padding:6px 8px}.hmi-properties input[type=checkbox]{width:24px;min-width:24px;min-height:24px}.hmi-field{margin:8px 0}.hmi-field>label{font-size:var(--text-size-label);color:var(--hmi-ink-muted);text-transform:none;letter-spacing:0}.hmi-properties fieldset{border:0;border-top:1px solid var(--hmi-rule);margin-top:14px;padding:12px 0}.hmi-property-group{border-top:1px solid var(--hmi-rule);margin-top:16px;padding-top:12px}.hmi-property-group>summary{cursor:pointer;font-weight:var(--text-weight-semibold);padding:4px 0 10px}.hmi-properties .hmi-geometry-fields{border:0;grid-template-columns:1fr 1fr;gap:0 12px;margin:0;padding:0;display:grid}.hmi-layers{padding:20px}.hmi-layers>p{font-size:var(--text-size-control);color:var(--hmi-ink-muted);margin-bottom:15px}.hmi-layers ol{margin:0;padding:0;list-style:none}.hmi-layers button{text-align:left;width:100%;background:0 0!important;border:0!important}.hmi-layers button[aria-pressed=true]{box-shadow:inset 2px 0 var(--hmi-navy);background:var(--hmi-navy-soft)!important}.hmi-studio-status{border-top:1px solid var(--hmi-rule);background:var(--hmi-paper-sunken);height:36px;font-size:var(--text-size-control);flex-shrink:0;align-items:center;gap:16px;padding:0 14px;display:flex}.hmi-studio-status .hmi-dirty{color:var(--hmi-ink);font-size:var(--text-size-control)}.hmi-dirty:before{content:"•";color:var(--hmi-caution);margin-right:8px}.hmi-save-summary{color:var(--hmi-ink-muted)}.hmi-save-details,.hmi-validation-details{position:relative}.hmi-studio-status summary{cursor:pointer;white-space:nowrap;list-style:none}.hmi-studio-status summary:after{content:" ⌃"}.hmi-save-details>div,.hmi-validation-details>section{background:var(--hmi-paper-panel);border:1px solid var(--hmi-rule-strong);width:430px;max-height:65vh;box-shadow:var(--shadow-menu);z-index:40;padding:20px;position:absolute;bottom:30px;left:0;overflow:auto}.hmi-save-details p{border-top:1px solid var(--hmi-rule);font-size:var(--text-size-control);margin-top:12px;padding-top:10px;line-height:1.6}.hmi-save-details h2{font-size:var(--text-size-title)}.hmi-save-details strong{display:block}.hmi-validation-details{margin-left:auto}.hmi-validation-details>section{left:auto;right:0}.hmi-zoom-controls{border-left:1px solid var(--hmi-rule);align-items:center;gap:4px;padding-left:12px;display:flex}.hmi-zoom-controls button{background:0 0!important;border:0!important;min-height:28px!important}.hmi-zoom-controls input{appearance:textfield;text-align:right;width:42px;padding:3px;background:0 0!important;border:0!important}.hmi-zoom-controls input::-webkit-inner-spin-button{appearance:none}.hmi-studio-help{background:var(--hmi-paper-panel);border-bottom:1px solid var(--hmi-rule);padding:18px}.hmi-studio-help p{margin:8px 0}.hmi-tag-overlay{background:var(--hmi-paper);max-width:100%;color:var(--hmi-ink);font-size:var(--text-size-label);pointer-events:none;overflow-wrap:anywhere;z-index:2;padding:1px 3px;position:absolute;top:0;left:0}.hmi-runtime{background:var(--hmi-paper-sunken);gap:10px;padding:12px}.hmi-runtime-chrome{min-height:42px}.hmi-runtime-title{color:var(--hmi-ink)}.hmi-runtime-viewport{background:var(--hmi-paper);border-color:var(--hmi-rule)}.hmi-runtime .hmi-connection{border:0;padding:4px 0}@media (width<=1100px){.hmi-studio{overflow:auto}.hmi-studio-body{flex-direction:column;flex:1 0 auto;display:flex}.hmi-panel-resizer{display:none}.hmi-screen-panel ul{display:flex;overflow:auto}.hmi-screen-panel li{flex:0 0 170px}.hmi-screen-panel{max-height:none}.hmi-canvas{min-height:420px}.hmi-inspector .hmi-properties{max-height:none}.hmi-canvas-hint{display:none}.hmi-palette-content{flex-wrap:wrap}.hmi-palette-search{padding-bottom:8px}.hmi-studio-status{flex-wrap:wrap;height:auto;min-height:36px}.hmi-studio-centre{min-height:500px}}.hmi-screen-thumbnail[data-background=surface-sunken]{background:var(--hmi-paper-sunken)}.hmi-screen-thumbnail[data-background=surface-panel]{background:var(--hmi-paper-panel)}.hmi-screen-thumbnail[data-background=surface-inverse]{background:var(--hmi-navy-strong);color:var(--text-on-brand)}.hmi-studio .hmi-screen-options{bottom:6px;right:4px;background:0 0!important;border:0!important}.hmi-screen-caption{padding-right:22px}.hmi-component[data-selected=true]{outline-color:var(--focus)}.hmi-zoom-controls .hmi-field{margin:0;display:block}.hmi-zoom-controls .hmi-field label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.hmi-indicator,.hmi-numeric,.hmi-gauge,.hmi-text-display,.hmi-trend,.hmi-unavailable-control,.hmi-degraded{color:var(--hmi-ink)}.hmi-studio .hmi-select-target:hover:not(:disabled),.hmi-studio .hmi-select-target:active:not(:disabled){background:0 0;border-color:#0000}.hmi-component[data-component-type=numericDisplay]{container-type:size}.hmi-numeric:not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag)) .hmi-field-value{line-height:1}.hmi-numeric:not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag)) .hmi-numeric-value{font-size:var(--text-size-dialog);font-variant-numeric:tabular-nums;line-height:1}.hmi-runtime-chrome{flex-wrap:nowrap;flex-shrink:0;gap:12px;min-height:44px;position:relative}.hmi-runtime-chrome .hmi-runtime-title{font-size:var(--text-size-title);margin:0}.hmi-runtime-chrome .hmi-screen-list{flex:1;min-width:0;overflow:auto}.hmi-runtime-chrome .hmi-screen-list ul{flex-wrap:nowrap}.hmi-runtime-view{flex-shrink:0;align-items:center;gap:4px;display:flex}.hmi-runtime-title+.hmi-runtime-view{margin-left:auto}.hmi-runtime-view button[aria-pressed=true]{background:var(--hmi-navy-soft);border-color:var(--hmi-navy);font-weight:var(--text-weight-semibold);box-shadow:inset 0 -2px var(--hmi-navy)}.hmi-runtime-view button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hmi-runtime-state,.hmi-runtime-readonly{white-space:nowrap;font-size:var(--text-size-control)}.hmi-runtime-readonly{color:var(--hmi-ink-muted)}.hmi-runtime-details{flex-shrink:0}.hmi-runtime-details>summary{cursor:pointer;padding:6px 10px}.hmi-runtime-details>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hmi-runtime-details-content{z-index:30;background:var(--hmi-paper-sunken);border:1px solid var(--hmi-rule-strong);width:min(560px,90vw);max-height:65vh;box-shadow:var(--shadow-menu);padding:16px;position:absolute;top:100%;right:0;overflow:auto}.hmi-runtime-details-content>p{font-size:var(--text-size-control);margin:0 0 12px}.hmi-runtime>[role=alert]{flex-shrink:0}@media (width<=700px){.hmi-runtime-chrome{flex-wrap:wrap;gap:8px}.hmi-runtime-chrome .hmi-screen-list{flex-basis:70%}}.hmi-component[data-appearance~=fillColor]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(.hmi-gauge):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)){background-color:var(--hmi-authored-fillColor)}.hmi-component[data-appearance~=foregroundColor]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)){color:var(--hmi-authored-foregroundColor)}.hmi-component[data-appearance~=borderColor]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(.hmi-gauge):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)){border-color:var(--hmi-authored-borderColor)}.hmi-component[data-appearance~=borderWidth]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(.hmi-gauge):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)){border-width:var(--hmi-authored-borderWidth)}.hmi-component[data-appearance~=borderStyle]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(.hmi-gauge):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)){border-style:var(--hmi-authored-borderStyle)}.hmi-component[data-appearance~=fontFamily]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)){font-family:var(--hmi-authored-fontFamily)}.hmi-component[data-appearance~=fontSize]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)){font-size:var(--hmi-authored-fontSize)}.hmi-component[data-appearance~=fontWeight]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)){font-weight:var(--hmi-authored-fontWeight)}.hmi-component[data-appearance~=fontStyle]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)){font-style:var(--hmi-authored-fontStyle)}.hmi-component[data-appearance~=textAlign]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)){text-align:var(--hmi-authored-textAlign)}.hmi-component[data-appearance~=textWrap]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)){white-space:var(--hmi-authored-textWrap)}.hmi-component[data-appearance~=foregroundColor]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)) :is(.hmi-field-label,.hmi-field-value,.hmi-numeric-value,.hmi-numeric-unit,.hmi-control-name,.hmi-unavailable-name){color:var(--hmi-authored-foregroundColor)}.hmi-component[data-appearance~=fontFamily]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)) :is(.hmi-field-label,.hmi-field-value,.hmi-numeric-value,.hmi-numeric-unit,.hmi-control-name,.hmi-unavailable-name){font-family:var(--hmi-authored-fontFamily)}.hmi-component[data-appearance~=fontSize]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)) :is(.hmi-field-value,.hmi-numeric-value,.hmi-numeric-unit,.hmi-control-name,.hmi-unavailable-name){font-size:var(--hmi-authored-fontSize)}.hmi-component[data-appearance~=fontWeight]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)) :is(.hmi-field-label,.hmi-field-value,.hmi-numeric-value,.hmi-numeric-unit,.hmi-control-name,.hmi-unavailable-name){font-weight:var(--hmi-authored-fontWeight)}.hmi-component[data-appearance~=fontStyle]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)) :is(.hmi-field-label,.hmi-field-value,.hmi-numeric-value,.hmi-numeric-unit,.hmi-control-name,.hmi-unavailable-name){font-style:var(--hmi-authored-fontStyle)}.hmi-component[data-appearance~=textAlign]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)) :is(.hmi-field-label,.hmi-field-value,.hmi-numeric-value,.hmi-numeric-unit,.hmi-control-name,.hmi-unavailable-name){text-align:var(--hmi-authored-textAlign)}.hmi-component[data-appearance~=textWrap]>:first-child:not(.hmi-momentary):not(.hmi-degraded):not(.hmi-selection-layer):not(.hmi-authored-line):not(.hmi-selector):not(:has(.hmi-quality,.hmi-last-known,.hmi-range-flag,.hmi-unavailable-badge)) :is(.hmi-field-label,.hmi-field-value,.hmi-numeric-value,.hmi-numeric-unit,.hmi-control-name,.hmi-unavailable-name){white-space:var(--hmi-authored-textWrap)}.hmi-component[data-appearance~=fillColor]>.hmi-gauge{background-color:color-mix(in srgb, var(--hmi-authored-fillColor) 18%, var(--hmi-paper))}.hmi-component[data-appearance~=foregroundColor]>.hmi-gauge,.hmi-component[data-appearance~=foregroundColor]>.hmi-gauge :is(.hmi-field-label,.hmi-field-value,.hmi-numeric-value,.hmi-numeric-unit,.hmi-gauge-bounds){color:var(--hmi-authored-foregroundColor)}.hmi-component[data-appearance~=fontFamily]>.hmi-gauge{font-family:var(--hmi-authored-fontFamily)}.hmi-component[data-appearance~=fontSize]>.hmi-gauge,.hmi-component[data-appearance~=fontSize]>.hmi-gauge :is(.hmi-field-value,.hmi-numeric-value,.hmi-numeric-unit,.hmi-gauge-bounds){font-size:var(--hmi-authored-fontSize)}.hmi-component[data-appearance~=fontWeight]>.hmi-gauge{font-weight:var(--hmi-authored-fontWeight)}.hmi-component[data-appearance~=fontStyle]>.hmi-gauge,.hmi-component[data-appearance~=fontStyle]>.hmi-gauge :is(.hmi-field-label,.hmi-field-value,.hmi-numeric-value,.hmi-numeric-unit,.hmi-gauge-bounds){font-style:var(--hmi-authored-fontStyle)}.hmi-component[data-appearance~=textAlign]>.hmi-gauge{text-align:var(--hmi-authored-textAlign)}.hmi-component[data-appearance~=borderWidth]>.hmi-static-text{border-style:solid}.hmi-component[data-appearance]>.hmi-static-text{box-sizing:border-box;max-height:100%;overflow:hidden}.hmi-appearance-color{border:1px solid var(--hmi-rule);min-width:0;margin:8px 0;padding:6px}.hmi-color-hex{align-items:end;gap:6px;display:flex}.hmi-color-hex>input[type=color]{flex-shrink:0;width:32px;height:28px;padding:0}.hmi-color-hex .hmi-field{flex:1;min-width:0}.hmi-color-rgb{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.hmi-color-rgb .hmi-field{min-width:0}.hmi-appearance-inheritance{font-size:var(--text-size-label);line-height:1.4}.hmi-input-design{gap:2px;height:100%;min-height:0;padding:2px}.hmi-input-design-face{background:var(--hmi-authored-fillColor,var(--hmi-paper));min-width:0;min-height:0;color:var(--hmi-authored-foregroundColor,var(--hmi-ink));border:var(--hmi-authored-borderWidth,1px) var(--hmi-authored-borderStyle,solid) var(--hmi-authored-borderColor,var(--hmi-rule-strong));font-family:var(--hmi-authored-fontFamily,inherit);font-size:var(--hmi-authored-fontSize,var(--text-size-control));font-weight:var(--hmi-authored-fontWeight,var(--text-weight-semibold));font-style:var(--hmi-authored-fontStyle,normal);text-align:var(--hmi-authored-textAlign,center);white-space:var(--hmi-authored-textWrap,nowrap);flex-direction:column;flex:1 1 0;justify-content:center;padding:2px 5px;display:flex;overflow:hidden}.hmi-input-design-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.hmi-input-design[data-input-type=momentaryButton] .hmi-input-design-face{border-radius:4px}.hmi-input-design-states{font-size:var(--text-size-label);font-weight:var(--text-weight-regular);text-overflow:ellipsis;overflow:hidden}.hmi-input-design-entry{font-variant-numeric:tabular-nums}.hmi-selector{--hmi-selector-target:calc(var(--hmi-touch-target) / var(--hmi-interaction-scale,1) + .5px);height:100%;min-height:0;color:var(--hmi-ink);background:var(--hmi-paper);border:1px solid var(--hmi-rule);font:var(--text-size-control) var(--font-family,Segoe UI,sans-serif);flex-direction:column;gap:3px;padding:4px;display:flex;overflow:auto}.hmi-selector .hmi-control-feedback,.hmi-selector .hmi-control-command,.hmi-selector .hmi-unavailable-badge{font-size:var(--text-size-label);flex:none}.hmi-rotary-control{touch-action:none;width:100%;min-height:0;color:var(--hmi-authored-foregroundColor,var(--hmi-ink));flex:auto;position:relative;overflow:hidden}.hmi-rotary-control[role=slider]{cursor:pointer}.hmi-rotary-control[aria-disabled=true]{cursor:default}.hmi-rotary-control:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.hmi-rotary-dial{width:100%;height:100%;display:block}.hmi-rotary-face{fill:var(--hmi-authored-fillColor,var(--text-primary))}.hmi-rotary-bezel{stroke:var(--hmi-authored-borderColor,var(--border-strong));stroke-width:var(--hmi-authored-borderWidth,3px)}.hmi-rotary-position-label{fill:currentColor;font-family:var(--hmi-authored-fontFamily,Segoe UI,sans-serif);font-size:var(--hmi-authored-fontSize,var(--text-size-label));font-weight:var(--hmi-authored-fontWeight,var(--text-weight-regular));font-style:var(--hmi-authored-fontStyle,normal)}.hmi-rotary-position-value{fill:currentColor;font:var(--text-size-label) Segoe UI,sans-serif}.hmi-rotary-position[data-selected=true] .hmi-rotary-position-label{text-decoration:underline}.hmi-preview-rotary{width:64px;height:30px;display:block}.hmi-binding-badge{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 4px);font:var(--text-size-label)/1.35 Segoe UI,sans-serif;color:var(--hmi-caution);background:var(--hmi-paper);border-radius:var(--radius);border:1px solid;padding:0 3px;position:absolute;bottom:2px;right:2px;overflow:hidden}.hmi-trend-empty{font:var(--text-size-label)/1.3 Segoe UI,sans-serif;flex:none;margin:0}.hmi-rotary-control[data-border-style=none] .hmi-rotary-bezel{stroke:none}.hmi-rotary-control[data-border-style=dashed] .hmi-rotary-bezel{stroke-dasharray:calc(var(--hmi-authored-borderWidth,3px) * 4) calc(var(--hmi-authored-borderWidth,3px) * 2)}.hmi-rotary-control[data-border-style=dotted] .hmi-rotary-bezel{stroke-dasharray:var(--hmi-authored-borderWidth,3px) calc(var(--hmi-authored-borderWidth,3px) * 2)}.hmi-rotary-dial[data-dense=true] .hmi-rotary-position-label{font-size:var(--hmi-authored-fontSize,var(--text-size-label))}.hmi-rotary-dial[data-dense=true] .hmi-rotary-position-value{font-size:var(--text-size-label)}.hmi-live-text{min-width:0;overflow:hidden}.hmi-live-text .hmi-field-value{white-space:var(--hmi-authored-textWrap,pre-wrap);overflow-wrap:anywhere;min-width:0;max-width:100%;overflow:hidden}.hmi-live-text .hmi-last-known{overflow-wrap:anywhere;max-width:100%;overflow:hidden}.hmi-gauge{--hmi-gauge-track-width:var(--hmi-authored-borderWidth,1.5px);--hmi-gauge-rail-width:var(--hmi-authored-borderWidth,9px);height:100%}.hmi-gauge-artwork{flex:auto;min-width:0;min-height:12px;display:flex}.hmi-gauge-svg{width:100%;height:100%;display:block}.hmi-gauge-track{fill:var(--hmi-paper-sunken);stroke:var(--hmi-authored-borderColor,var(--hmi-rule-strong));stroke-width:var(--hmi-gauge-track-width)}.hmi-gauge-fill{fill:var(--hmi-authored-fillColor,var(--hmi-navy))}.hmi-gauge-dial .hmi-gauge-track{fill:none;stroke:var(--hmi-authored-borderColor,var(--hmi-paper-panel));stroke-width:var(--hmi-gauge-rail-width);stroke-linecap:butt}.hmi-gauge-dial .hmi-gauge-fill{fill:none;stroke:var(--hmi-authored-fillColor,var(--hmi-navy));stroke-width:var(--hmi-gauge-rail-width);stroke-linecap:butt}.hmi-gauge[data-border-style=none] .hmi-gauge-track{stroke:none}.hmi-gauge-bar[data-known=true] .hmi-gauge-track,.hmi-gauge[data-border-style] .hmi-gauge-bar .hmi-gauge-track{stroke-dasharray:none}.hmi-gauge[data-border-style=dashed] .hmi-gauge-bar .hmi-gauge-track{stroke-dasharray:calc(var(--hmi-gauge-track-width) * 4) calc(var(--hmi-gauge-track-width) * 2)}.hmi-gauge[data-border-style=dotted] .hmi-gauge-bar .hmi-gauge-track{stroke-dasharray:var(--hmi-gauge-track-width) calc(var(--hmi-gauge-track-width) * 2)}.hmi-gauge[data-border-style=dashed] .hmi-gauge-dial .hmi-gauge-track{stroke-dasharray:8 4}.hmi-gauge[data-border-style=dotted] .hmi-gauge-dial .hmi-gauge-track{stroke-dasharray:2 4}.hmi-gauge-needle{stroke:var(--hmi-ink);stroke-width:2px;stroke-linecap:round}.hmi-gauge-pivot{fill:var(--hmi-ink)}.hmi-gauge .hmi-gauge-svg[data-known=false] .hmi-gauge-track,.hmi-gauge[data-border-style] .hmi-gauge-svg[data-known=false] .hmi-gauge-track,.hmi-gauge[data-border-style=none] .hmi-gauge-svg[data-known=false] .hmi-gauge-track{stroke:var(--hmi-authored-borderColor,var(--hmi-ink-muted));stroke-dasharray:4 3;stroke-opacity:.8}.hmi-gauge-svg[data-known=false] .hmi-gauge-pivot{fill:var(--hmi-ink-muted)}.hmi-gauge-svg[data-range=above] .hmi-gauge-fill,.hmi-gauge-svg[data-range=below] .hmi-gauge-fill{fill:var(--hmi-caution);stroke:var(--hmi-caution)}.hmi-gauge-svg[data-range=above] .hmi-gauge-needle,.hmi-gauge-svg[data-range=below] .hmi-gauge-needle{stroke:var(--hmi-caution)}.hmi-gauge-bounds{font-size:var(--text-size-label);color:var(--hmi-ink-muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;display:flex}.hmi-gauge-vertical .hmi-gauge-bounds{flex-direction:column-reverse;align-items:flex-end;position:absolute;top:26px;bottom:6px;right:6px}.hmi-gauge-vertical{position:relative}.hmi-gauge-vertical .hmi-gauge-artwork{margin-right:28px}.hmi-palette-preview .hmi-preview-gauge{width:56px;height:28px;color:var(--hmi-ink);display:inline-flex}.hmi-palette-preview .hmi-preview-level-bar{height:14px;margin:7px 0}.hmi-palette-preview .hmi-gauge-fill{fill:currentColor;stroke:currentColor}.hmi-thumbnail-gauge .hmi-gauge-track{fill:none;stroke:currentColor;stroke-width:2px}.hmi-thumbnail-gauge .hmi-gauge-pivot{fill:currentColor}.hmi-properties-note{border:1px dashed var(--hmi-rule-strong);border-radius:var(--radius,3px);color:var(--hmi-ink-muted);font-size:var(--text-size-label);padding:6px}.hmi-momentary,.hmi-input-design[data-input-type=momentaryButton]{--hmi-button-fill:var(--hmi-paper-panel)}.hmi-control.hmi-momentary{gap:4px;width:100%;height:100%}.hmi-control.hmi-momentary>.hmi-momentary-button,.hmi-input-design[data-input-type=momentaryButton]>.hmi-input-design-face{background:var(--hmi-authored-fillColor,var(--hmi-button-fill));color:var(--hmi-authored-foregroundColor,var(--hmi-ink));border:var(--hmi-authored-borderWidth,2px) var(--hmi-authored-borderStyle,solid) var(--hmi-authored-borderColor,var(--hmi-rule-strong));font-family:var(--hmi-authored-fontFamily,inherit);font-size:var(--hmi-authored-fontSize,var(--text-size-title));font-weight:var(--hmi-authored-fontWeight,var(--text-weight-semibold));font-style:var(--hmi-authored-fontStyle,normal);text-align:var(--hmi-authored-textAlign,center);white-space:var(--hmi-authored-textWrap,normal);box-shadow:inset 0 2px 0 color-mix(in srgb, var(--text-on-brand) 22%, transparent), 0 3px 0 var(--hmi-rule-strong);border-radius:6px;padding:8px 12px}.hmi-momentary-button{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.hmi-momentary-button .hmi-control-name{color:inherit;font:inherit}.hmi-control.hmi-momentary>.hmi-momentary-button[data-commanded=true]{box-shadow:inset 0 3px 5px color-mix(in srgb, var(--brand-deep) 45%, transparent);transform:translateY(2px)}.hmi-control.hmi-momentary>.hmi-momentary-button:disabled{background:var(--hmi-paper-sunken);color:var(--hmi-ink-muted);border-color:var(--hmi-rule-strong);box-shadow:none;cursor:not-allowed;border-style:dashed}.hmi-component[data-compact=true] .hmi-control.hmi-momentary>.hmi-control-command{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hmi-component[data-compact=true] .hmi-control.hmi-momentary[data-phase=refused]>.hmi-momentary-button{border-style:solid;border-color:var(--hmi-fault)}.hmi-component[data-compact=true] .hmi-control.hmi-momentary:is([data-phase=unconfirmed],[data-phase=uncertain])>.hmi-momentary-button{border-style:solid;border-color:var(--hmi-caution)}.hmi-indicator-shape{width:40px;height:40px}.hmi-indicator-shape[data-fill=state-on]{filter:drop-shadow(0 0 4px var(--hmi-indicator-glow,var(--hmi-on)))}:is(.hmi-indicator,.hmi-numeric) .hmi-field-label{font-size:max(var(--text-size-control),calc(var(--text-size-control) / var(--hmi-interaction-scale,1)));text-transform:none;letter-spacing:0}.hmi-indicator .hmi-field-value{font-weight:var(--text-weight-semibold)}.hmi-pro-component{border:1px dashed var(--border-strong);width:100%;height:100%;font:inherit;background:0 0;justify-content:center;align-items:center;display:flex}.hmi-locked-screen{overflow:hidden}.hmi-screen-padlock{position:absolute;top:14px;right:14px}.hmi-slider-control{height:100%;font-size:var(--text-size-control);grid-template-columns:1fr auto;align-content:center;gap:4px 8px;display:grid}.hmi-slider-control label{grid-column:1/-1}.hmi-slider-control input{width:100%;min-width:0;accent-color:var(--accent);min-height:24px;margin:0}.hmi-slider-control output,.hmi-date-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.hmi-date-time{white-space:nowrap;height:100%;font-size:var(--text-size-title);align-items:center;display:flex}.hmi-lit-button{width:100%;height:100%;position:relative}.hmi-lit-button>.hmi-control-button{border-radius:2px;width:100%;height:100%}.hmi-button-lamp{border:1px solid var(--text-secondary);background:var(--text-disabled);pointer-events:none;z-index:2;width:8px;height:8px;position:absolute;top:4px;right:4px}.hmi-lit-button[data-lamp=on] .hmi-button-lamp{background:var(--hmi-lamp-fill)}.hmi-lit-button[data-lamp=unknown] .hmi-button-lamp{background:0 0;border-style:dashed}.hmi-component[data-blink=true]{animation:1s step-end infinite hmi-object-blink}@keyframes hmi-object-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.hmi-component[data-blink=true]{animation:none}}.hmi-arrange-tools{align-items:center;gap:2px;display:inline-flex}.hmi-arrange-tools button{width:26px;height:26px;padding:4px}.hmi-arrange-tools svg{width:16px;height:16px;display:block}.hmi-canvas-tools{flex-wrap:wrap}.hmi-component[data-locked=true][data-selected=true]{outline-style:dashed}.hmi-fill-swatches{flex-wrap:wrap;gap:5px;display:flex}.hmi-fill-swatches button{border:1px solid var(--border-strong);border-radius:2px;width:20px;min-width:20px;height:20px;padding:0}.hmi-fill-swatches button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.hmi-faceplate-symbol{border:1px solid var(--hmi-navy);border-radius:var(--radius,3px);background:var(--hmi-paper);width:100%;height:100%;color:var(--hmi-ink);font:inherit;font-weight:var(--text-weight-semibold);text-align:start;align-items:center;gap:10px;padding:0 12px;display:flex}.hmi-faceplate-symbol:disabled{border-color:var(--hmi-rule);color:var(--hmi-ink-muted)}.hmi-faceplate-glyph{border:2px solid;border-radius:50%;flex:none;width:28px;height:28px}.hmi-faceplate-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hmi-faceplate-backdrop{z-index:50;background:color-mix(in srgb, var(--hmi-ink) 35%, transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hmi-faceplate-popup{border:1px solid var(--hmi-rule-strong);border-radius:var(--radius,3px);background:var(--hmi-paper-panel);box-shadow:0 12px 32px color-mix(in srgb, var(--hmi-ink) 30%, transparent);flex-direction:column;display:flex}.hmi-faceplate-popup-header{border-bottom:1px solid var(--hmi-rule);background:var(--hmi-ink);color:var(--hmi-paper);justify-content:space-between;align-items:center;gap:16px;padding:3px 10px;display:flex}.hmi-faceplate-popup-header h2{font-size:var(--text-size-control);margin:0}.hmi-faceplate-popup-header button{min-width:24px;min-height:24px;color:inherit;font:inherit;background:0 0;border:0;padding:0}.hmi-faceplate-popup-body{overflow:auto}.hmi-faceplate-bindings{border-collapse:collapse;width:100%}.hmi-faceplate-bindings th,.hmi-faceplate-bindings td{border-bottom:1px solid var(--hmi-rule);text-align:start;padding:4px 6px}.hmi-faceplate-bindings td[data-missing=true]{color:var(--hmi-fault)}.hmi-faceplate-inline{outline:1px solid var(--hmi-rule-strong);outline-offset:-1px;background:var(--hmi-paper);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.hmi-faceplate-inline-title{text-overflow:ellipsis;white-space:nowrap;background:var(--hmi-ink);color:var(--hmi-paper);font-weight:var(--text-weight-semibold);flex:0 0 32px;align-items:center;padding:0 10px;display:flex;overflow:hidden}.hmi-faceplate-inline-body{flex:1;min-height:0;overflow:auto}.hmi-faceplate-inline-body>.hmi-stage{border:0;position:relative;top:auto;left:auto}.hmi-canvas[data-grid=on] .hmi-faceplate-inline-body>.hmi-stage{background-image:none}.hmi-control .hmi-control-feedback,.hmi-control .hmi-control-command,.hmi-control .hmi-control-refusal,.hmi-control .hmi-control-unavailable,.hmi-control .hmi-input-draft-flag,.hmi-control .hmi-selector-layout-badge{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hmi-control:is(.hmi-momentary,.hmi-switch)[data-phase=refused]>.hmi-control-button{border-style:solid;border-color:var(--hmi-fault)}.hmi-control:is(.hmi-momentary,.hmi-switch):is([data-phase=unconfirmed],[data-phase=uncertain],[data-phase=held][data-confirmed=false])>.hmi-control-button{border-style:dashed;border-color:var(--hmi-caution)}.hmi-numeric-input:is([data-refused=true],[data-phase=refused]) .hmi-input-field{border:2px solid var(--hmi-fault)}.hmi-numeric-input:is([data-phase=unconfirmed],[data-phase=uncertain]) .hmi-input-field{border:2px dashed var(--hmi-caution)}.hmi-control[data-bound=false]{opacity:.55}.hmi-selector[data-phase=refused]{outline:2px solid var(--hmi-fault);outline-offset:-2px}.hmi-selector:is([data-phase=unconfirmed],[data-phase=uncertain],[data-layout=false]){outline:2px dashed var(--hmi-caution);outline-offset:-2px}.hmi-control{position:relative}.hmi-input-field[data-draft=false]+.hmi-commit{display:none}.hmi-details-count{border-radius:var(--radius);text-align:center;min-width:1.4em;color:var(--hmi-paper);background:var(--hmi-caution);font-size:var(--text-size-label);margin-left:6px;padding:0 4px;display:inline-block}.hmi-tab-control{border:1px solid var(--hmi-rule-strong);background:var(--hmi-paper);border-radius:2px;flex-direction:column;display:flex;overflow:hidden}.hmi-control-tabs{background:var(--hmi-paper-sunken);border-bottom:1px solid var(--hmi-rule-strong);z-index:2;flex:0 0 48px;min-width:0;padding:0 8px;display:flex;position:relative;overflow-x:auto}.hmi-control-tabs button{color:var(--hmi-ink-muted);font:var(--text-weight-semibold) var(--text-size-dialog)/1.2 var(--font-ui);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;flex:none;padding:10px 26px}.hmi-control-tabs button[aria-selected=true]{background:var(--hmi-paper);color:var(--hmi-ink);border-bottom-color:var(--hmi-navy)}.hmi-control-tabs button:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.hmi-control-tab-body{z-index:1;flex:1;min-height:0;position:relative;overflow:hidden}.hmi-component[data-component-type=tabControl]>.hmi-selection-layer,.hmi-component[data-component-type=tabControl]>.hmi-selection-layer>.hmi-select-target{pointer-events:none}.hmi-component[data-component-type=tabControl] .hmi-control-tab-body:empty{pointer-events:auto}.hmi-tab-properties ol{gap:6px;margin:0 0 8px;padding:0;list-style:none;display:grid}.hmi-tab-properties li{align-items:center;gap:6px;display:flex}.hmi-tab-properties input{flex:1;min-width:0}.hmi-tab-properties .hmi-tab-grip{cursor:grab;flex:0 0 28px;padding:4px}.hmi-tab-grip svg{width:18px;height:18px;position:static}.hmi-studio{position:relative}.hmi-studio-popover{z-index:50;min-width:200px;max-width:min(430px,100vw - 32px);max-height:65vh;color:var(--hmi-ink);background:var(--hmi-paper-panel);border:1px solid var(--hmi-rule-strong);border-radius:var(--radius);box-shadow:var(--shadow-menu);padding:12px;position:absolute;overflow:auto}.hmi-screen-panel .hmi-studio-popover{flex-direction:column;padding:4px;display:flex}.hmi-screen-panel .hmi-studio-popover button{text-align:left;background:0 0;border:0}.hmi-screen-panel li:has(.hmi-studio-popover){z-index:51}.hmi-shortcuts>div{justify-content:space-between;gap:20px;margin:6px 0;display:flex}.hmi-shortcuts dd{margin:0}.hmi-issues{margin-left:auto;position:relative}.hmi-issues>.hmi-studio-popover{width:360px}.hmi-issue-group{border-top:1px solid var(--hmi-rule);padding:8px 0}.hmi-issue-group summary{list-style:revert;white-space:normal}.hmi-issue-group summary:after{content:none}.hmi-issue-group ul{padding:4px 0;list-style:none}.hmi-issue-group button{text-align:left;width:100%}.hmi-studio-status .hmi-dirty:before{content:none}.hmi-studio-status .hmi-dirty[data-dirty=true]:before{content:"●"}.hmi-studio-status>button{min-height:26px!important;padding:2px 8px!important}.hmi-live-state{background:0 0;border:0}.hmi-live-state:before{content:"●";color:var(--hmi-ink-muted);margin-right:6px}.hmi-live-state[data-live=true]:before{color:var(--state-powered)}.hmi-palette-content{align-items:flex-start;padding:6px 0}.hmi-palette-items{flex-wrap:nowrap;flex:1;gap:4px;scroll-padding:4px;overflow-x:auto}.hmi-palette-search{flex-basis:160px;padding-top:8px}.hmi-palette-preview .hmi-gauge-svg{color:var(--hmi-ink)}.hmi-align-tools{border-right:1px solid var(--hmi-rule);flex-wrap:wrap;gap:2px;padding-right:6px;display:flex}.hmi-align-tools button{width:28px;background:0 0!important;border-color:#0000!important;min-height:28px!important;padding:5px!important}.hmi-align-tools svg{width:16px;height:16px;display:block}.hmi-studio[data-preview=true] .hmi-canvas{background-image:none}.hmi-tag-picker{align-items:center;display:flex;position:relative}.hmi-tag-picker select{padding-right:44px}.hmi-studio .hmi-properties .hmi-tag-picker[data-empty=true] select{border-color:var(--hmi-caution)}.hmi-tag-picker .hmi-binding-clear{background:0 0;border:0;width:24px;min-height:24px;padding:0;position:absolute;right:22px}.hmi-properties .hmi-appearance-color{border:0;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px;margin:8px 0;padding:0;display:grid}.hmi-appearance-color>span{color:var(--hmi-ink-muted);font-size:var(--text-size-label)}.hmi-properties>.hmi-field:not(.hmi-field-check),.hmi-authored-appearance>.hmi-field{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px;display:grid}.hmi-authored-appearance>.hmi-field>small{grid-column:2}.hmi-appearance-color .hmi-studio-popover{width:240px}.hmi-properties .hmi-color-swatch{width:30px;height:24px;min-height:24px;padding:0}.hmi-color-swatch[data-default=true]{background:linear-gradient(135deg,transparent 47%,var(--hmi-rule-strong) 48%,var(--hmi-rule-strong) 52%,transparent 53%)!important}.hmi-property-group>summary,.hmi-properties legend{color:var(--hmi-ink-muted);font-size:var(--text-size-label);text-transform:uppercase;letter-spacing:.5px}.hmi-background-swatches{gap:6px;display:flex}.hmi-background-swatches button{width:30px;height:26px;min-height:26px!important;padding:0!important}.hmi-background-swatches button[aria-pressed=true]{outline:2px solid var(--focus);outline-offset:2px}.hmi-home-screen{align-items:center;gap:6px;display:flex}.hmi-binding-badge[data-marker=dot]{border:1px solid var(--hmi-paper);background:var(--hmi-caution);border-radius:50%;width:8px;min-width:8px;height:8px;padding:0;top:2px;bottom:auto}@media (width<=1000px){.hmi-palette-search{flex-basis:130px}.hmi-palette-items>button{min-width:88px}.hmi-canvas-heading{padding:8px}}.hmi-ribbon-scroll{flex:1;align-items:center;min-width:0;display:flex}.hmi-ribbon-scroll>button{flex:0 0 22px;width:22px;background:0 0!important;border:0!important;padding:0!important}.hmi-ribbon-scroll>button svg,.hmi-ribbon-toggle svg{width:16px;height:16px;display:block}.hmi-screen-name-field,.hmi-screen-size-fields{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px;display:grid}.hmi-screen-size-fields{grid-template-columns:88px minmax(0,1fr) minmax(0,1fr)}.hmi-screen-size-fields>span{color:var(--hmi-ink-muted);font-size:var(--text-size-label)}.hmi-screen-size-fields label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.hmi-properties .hmi-background-swatches{border:0;align-items:center;margin:8px 0;padding:0}.hmi-background-swatches legend{float:left;text-transform:none;letter-spacing:0;width:88px;font-weight:var(--text-weight-regular);padding:0}.hmi-background-swatches{--hmi-paper:var(--surface-raised);--hmi-paper-sunken:var(--surface-panel);--hmi-paper-panel:var(--surface-panel-alt);--hmi-navy-strong:var(--brand-deep)}.hmi-static-text{margin:0;line-height:1.4}.hmi-degraded{pointer-events:auto}.hmi-trend-toggle:focus-visible{clip-path:none;width:auto;height:auto;margin:0;position:static;overflow:visible}.hmi-image{width:100%;height:100%;display:block}.hmi-image-empty{border:1px dashed var(--border-strong);width:100%;height:100%;color:var(--text-secondary);place-items:center;display:grid}.hmi-symbol{box-sizing:border-box;width:100%;height:100%;color:var(--text-secondary);flex-direction:column;align-items:center;padding-block:16px;display:flex;position:relative}.hmi-symbol>svg{width:100%;height:100%;display:block}.hmi-symbol-body{fill:currentColor;fill-opacity:.12}.hmi-symbol[data-symbol-state=run]{color:var(--state-powered)}.hmi-symbol[data-symbol-state=fault]{color:var(--state-danger)}.hmi-symbol-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--text-size-control);font-weight:var(--text-weight-semibold);color:var(--text-primary);position:absolute;top:0;overflow:hidden}.hmi-symbol-state{font-size:var(--text-size-label);color:var(--text-secondary);position:absolute;bottom:0}.hmi-image-file input{min-width:0;max-width:100%}.hmi-image-file-row{align-items:center;gap:4px;min-width:0;display:flex}.hmi-image-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);flex:1;overflow:hidden}.hmi-image-fit{gap:4px;display:flex}.hmi-image-fit button[aria-pressed=true]{background:var(--surface-selected);border-color:var(--accent-strong)}.hmi-pro-label{font-size:var(--text-size-label);color:var(--text-secondary)}.hmi-preview-symbol{width:64px;height:30px;display:inline-flex}.hmi-preview-symbol>svg{width:100%;height:100%}.hmi-screen-panel .hmi-alarm-entry>button:first-child{flex-direction:column;align-items:flex-start;gap:2px;min-height:0;display:flex}.hmi-screen-panel .hmi-alarm-entry .hmi-screen-caption{font-weight:inherit}.hmi-screen-panel .hmi-alarm-entry small{color:var(--hmi-ink-muted);font-size:var(--text-size-label);font-weight:var(--text-weight-regular)}.hmi-screen-panel .hmi-alarm-entry .hmi-screen-padlock{top:12px;right:12px}.hmi-alarm-table-wrap{border-top:1px solid var(--border-subtle);background:var(--hmi-paper);flex:1 1 0;min-height:0;overflow:auto}.hmi-alarm-table col.alarm-col-priority{width:112px}.hmi-alarm-table col.alarm-col-tag{width:200px}.hmi-alarm-table col.alarm-col-when{width:152px}.hmi-alarm-table col.alarm-col-message{width:auto}.hmi-alarm-table tbody tr{cursor:pointer}.hmi-alarm-table tbody tr:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.hmi-alarm-table .tag-mono{font-family:var(--font-mono)}.hmi-alarm-table tbody tr[data-locked=true]{color:var(--text-disabled);cursor:default}.hmi-alarm-table-empty{color:var(--text-secondary);font-size:var(--text-size-control);padding:12px 8px}.hmi-priority{align-items:center;gap:6px;display:inline-flex}.hmi-priority i{background:var(--priority,currentColor);flex:none;width:8px;height:8px}.hmi-priority[data-priority=high]{--priority:var(--state-danger)}.hmi-priority[data-priority=medium]{--priority:var(--state-warning)}.hmi-priority[data-priority=low]{--priority:var(--text-secondary)}.hmi-alarms{box-sizing:border-box;border:1px solid var(--hmi-rule);border-radius:var(--radius,3px);background:var(--hmi-paper);width:100%;height:100%;color:var(--hmi-ink);font:var(--text-size-control)/1.2 var(--font-ui);grid-template-rows:32px 24px minmax(0,1fr) 40px;display:grid;overflow:hidden}.hmi-alarms-head,.hmi-alarms-foot{align-items:center;gap:8px;padding:0 8px;display:flex}.hmi-alarms-head{border-bottom:1px solid var(--hmi-rule)}.hmi-alarms-head strong{font-weight:var(--text-weight-semibold)}.hmi-alarms-foot{border-top:1px solid var(--hmi-rule)}.hmi-alarms-views{margin-left:auto;display:inline-flex}.hmi-alarms button{border:1px solid var(--hmi-rule-strong);background:var(--hmi-paper);height:24px;min-height:0;color:var(--hmi-ink);font:inherit;font-weight:var(--text-weight-semibold);cursor:pointer;border-radius:0;padding:0 10px}.hmi-alarms-views button+button{margin-left:-1px}.hmi-alarms-views button[aria-pressed=true]{z-index:1;border-color:var(--hmi-navy);background:var(--hmi-navy-soft);color:var(--hmi-navy);position:relative}.hmi-alarms-foot button{height:28px}.hmi-alarms button:disabled{border-color:var(--hmi-rule);color:var(--hmi-ink-muted);background:var(--hmi-paper-sunken);cursor:default}.hmi-alarms button:focus-visible{outline:2px solid var(--focus);outline-offset:1px;z-index:2;position:relative}.hmi-alarms-summary{color:var(--hmi-ink-muted);font-variant-numeric:tabular-nums}.hmi-alarms-actions{gap:8px;margin-left:auto;display:inline-flex}.hmi-alarms-row{grid-template-columns:var(--alarm-cols);box-sizing:border-box;border-bottom:1px solid var(--hmi-rule);align-items:center;height:28px;display:grid}.hmi-alarms-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 8px;overflow:hidden}.hmi-alarms[data-view=active]{--alarm-cols:80px 80px minmax(0, 1fr) 64px 96px}.hmi-alarms[data-view=history]{--alarm-cols:80px 104px 80px minmax(0, 1fr)}.hmi-alarms-header{border-bottom-color:var(--hmi-rule-strong);background:var(--hmi-paper-sunken);height:24px;color:var(--hmi-ink-muted);font-size:var(--text-size-label);font-weight:var(--text-weight-semibold)}.hmi-alarms-body{min-height:0;overflow-y:auto}.hmi-alarms-body .hmi-alarms-row{cursor:pointer}.hmi-alarms[data-view=history] .hmi-alarms-body .hmi-alarms-row{cursor:default}.hmi-alarms-body .hmi-alarms-row:hover{background:var(--hmi-paper-panel)}.hmi-alarms-body .hmi-alarms-row[aria-selected=true]{background:var(--hmi-navy-soft);box-shadow:inset 3px 0 var(--hmi-navy)}.hmi-alarms-body .hmi-alarms-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.hmi-alarms-row[data-acked=false]{font-weight:var(--text-weight-semibold)}.hmi-alarms-row .hmi-alarms-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.hmi-alarms-row .hmi-alarms-priority{--priority:currentColor}.hmi-alarms-row [data-priority=high]{--priority:var(--hmi-fault)}.hmi-alarms-row [data-priority=medium]{--priority:var(--hmi-caution)}.hmi-alarms-row [data-priority=low]{--priority:var(--hmi-ink-muted)}.hmi-alarms-empty{color:var(--hmi-ink-muted);padding:8px}.hmi-alarms[data-design=true] .hmi-alarms-body .hmi-alarms-row{cursor:inherit}.hmi-alarm-table td{vertical-align:middle;line-height:26px}.hmi-alarm-banner{box-sizing:border-box;border:1px solid var(--hmi-rule);border-left:3px solid var(--priority,var(--hmi-rule-strong));border-radius:var(--radius,3px);background:var(--hmi-paper);height:32px;color:var(--hmi-ink);font:var(--text-size-control)/1.2 var(--font-ui);font-weight:var(--text-weight-semibold);align-items:center;gap:12px;padding:0 8px;display:flex}.hmi-alarm-banner[data-priority=high]{--priority:var(--hmi-fault)}.hmi-alarm-banner[data-priority=medium]{--priority:var(--hmi-caution)}.hmi-alarm-banner[data-priority=low]{--priority:var(--hmi-ink-muted)}.hmi-alarm-banner[data-priority=none]{font-weight:var(--text-weight-regular);color:var(--hmi-ink-muted)}.hmi-alarm-banner .hmi-alarms-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.hmi-alarm-banner-message{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.hmi-alarm-banner .hmi-alarms-summary{font-weight:var(--text-weight-regular)}.hmi-alarm-banner button{border:1px solid var(--hmi-rule-strong);background:var(--hmi-paper);height:24px;color:var(--hmi-ink);font:inherit;font-weight:var(--text-weight-semibold);cursor:pointer;border-radius:0;padding:0 10px}.hmi-alarm-banner button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.hmi-alarm-dialog-body{width:min(640px,100vw - 48px);height:320px}.hmi-alarm-banner-slot{flex-shrink:0}.hmi-studio-centre>[hidden]{display:none!important}.labs-hmi-runtime-window-body{background:var(--surface-app);height:100vh;color:var(--text-primary);font:var(--text-size-body)/1.4 var(--font-ui,"Segoe UI", sans-serif);margin:0;overflow:hidden}.labs-hmi-runtime-window{flex-direction:column;height:100%;min-height:0;display:flex}.labs-hmi-runtime-window>.labs-hmi-practice-workspace{flex:1}