@import"/assets/ui/index.css";.app-header{height:56px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:0 20px}.app-header .workspace-nav{justify-self:center}.header-tools{justify-self:end;display:flex;align-items:center;gap:8px}main{display:grid;grid-template-columns:minmax(0,1fr) 404px;gap:12px;max-width:2200px;margin:auto;padding:0 12px 12px;align-items:start}.observation{min-width:0;display:flex;flex-direction:column;gap:10px}.observation-slot{position:relative;z-index:20;min-height:0;flex:1}.observation-card{overflow:hidden;display:flex;flex-direction:column;min-height:0;position:relative}#viewport{position:relative;height:clamp(420px,62vh,900px);min-height:0;overflow:hidden;touch-action:none;flex:1}#scene{width:100%;height:100%;position:absolute;inset:0;display:block}#loading{position:absolute;inset:48% 0 auto;text-align:center;font-size:var(--ds-size-small)}.stage-hud{position:absolute;top:22px;left:24px;right:180px;display:flex;flex-direction:column;gap:12px;pointer-events:none;z-index:2}.workspace-heading{display:flex;flex-direction:column;gap:6px}.workspace-meta{display:flex;gap:12px}.scene-corner{display:flex;flex-direction:column}.stage-actions{position:absolute;top:18px;right:18px;display:flex;gap:6px;z-index:3}.scale-rail{position:absolute;right:22px;top:50%;transform:translateY(-44%);display:flex;flex-direction:column;align-items:flex-end;gap:14px;z-index:3}.rail-track{display:flex;flex-direction:column;align-items:stretch;gap:2px}.layer-callout{position:absolute;pointer-events:none;max-width:90%;white-space:nowrap;z-index:2}.stage-legend{position:absolute;left:24px;bottom:70px;display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:2;line-height:1.7}.beam-legend{display:flex;align-items:center;gap:6px}.beam-legend i:nth-of-type(2){margin-left:5px}.view-controls{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;z-index:3;pointer-events:none}.view-controls>*{pointer-events:auto}.view-controls .segments{padding:3px}.view-controls button{min-height:30px;padding:5px 12px}.cut-picker{display:flex;align-items:center;gap:8px}.cut-picker label{display:flex;align-items:center;gap:8px;white-space:nowrap}.cut-picker select{width:116px;height:26px;min-width:0;padding:2px 8px;font-size:var(--ds-size-caption)}.cut-picker>span{display:none}.section-strip{flex:none;display:flex;flex-direction:column;gap:6px;padding:10px 16px 12px;height:clamp(245px,38%,360px)}.section-scroll{flex:1;min-height:0;min-width:0;overflow:auto}.section-strip canvas{height:100%;min-width:100%;display:block}.scene-bottom{position:absolute;right:24px;bottom:62px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;pointer-events:none;z-index:2}.inspector{min-width:0;overflow:hidden}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px}.recipe-scroll{padding:20px 22px 24px;min-height:0}.recipe-actions{flex:none;z-index:6}#page-monitor,#page-spectrum,#page-history{padding:22px}#trend,#oes-trend,#spectrum{display:block;width:100%;height:142px}#run-process{flex:2}body:not([data-page=monitor]) .observation>.monitor{display:none}.live-trend,body[data-page=monitor] .inspection-tools{display:none}.inspection-tools{margin:0;padding:6px 4px;border:0;background:none;flex:none}.inspection-tools summary{font-size:var(--ds-size-caption)}.inspection-tools[open]{max-height:180px;overflow:auto}.inspection-tools .label-row{margin-top:0}.inspection-tools #layers,.inspection-tools .control-section{margin-top:12px}#layers{display:flex;flex-direction:column;gap:4px}#layers span{padding:6px 10px;font-size:var(--ds-size-caption)}.cut-controls.hidden{opacity:.4;pointer-events:none}.float-expand{display:none}footer{padding:20px 24px;display:flex;justify-content:space-between;font-size:var(--ds-size-caption)}.dock-toolbar{display:none}.observation-card.floating{position:fixed;left:12px;bottom:112px;width:300px;min-height:0;height:auto;z-index:50;padding:5px}.floating #viewport{height:200px;flex:none}.floating :is(.focus-controls,.view-controls,.scene-bottom,.stage-hud,.stage-actions,.stage-legend,#layer-callout,.layer-labels,.section-strip){display:none!important}.floating .dock-toolbar{display:flex;align-items:center;gap:4px;flex:none}.floating .dock-toolbar .float-expand{display:block;position:static;min-height:38px;font-size:var(--ds-size-caption)}.observation-card.floating.expanded{width:min(480px,calc(100% - 24px))}.floating.expanded #viewport{height:280px}.floating.expanded #layer-callout:not([hidden]){display:block!important}.floating.expanded .view-controls{display:flex!important}@media(min-width:1000px){body{height:100dvh;overflow:hidden}main{height:calc(100dvh - 56px);min-height:0}.observation,.inspector{height:100%;min-height:0}.observation-card{height:100%}#viewport{height:auto;min-height:180px}.recipe-page{display:flex;flex-direction:column;height:100%}.recipe-scroll,#page-monitor,#page-spectrum,#page-history{overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}#page-monitor,#page-spectrum,#page-history{height:100%}.recipe-scroll{flex:1}.recipe-actions{position:relative}.inspector-header{flex:none}footer{display:none}}@media(min-width:1000px)and (max-width:1240px){main{grid-template-columns:minmax(0,1fr) 352px}.app-header .workspace-nav button{padding:6px 11px}.stage-hud{right:150px}.scene-bottom{display:none}.readouts strong{font-size:var(--ds-size-title)}.readouts em{display:none}}@media(max-height:760px)and (min-width:1000px){.scale-rail{gap:6px}.rail-track button{min-height:36px}.rail-gap{padding:2px}.scene-bottom{display:none}}@media(max-width:999px){.app-header{height:auto;min-height:56px;display:flex;flex-wrap:wrap;padding:12px 16px 0;gap:10px}.app-header .workspace-nav{order:3;flex-basis:100%;justify-content:space-between}.app-header .workspace-nav button{flex:1;padding:6px 4px}.header-tools{margin-left:auto}main{display:block;padding:12px 12px 20px}.observation{gap:10px}.observation-card{min-height:0}#viewport{height:min(72dvh,620px);flex:auto}.inspector{margin-top:12px}.recipe-actions{position:sticky;bottom:0}.recipe-scroll{padding-bottom:20px}.inspection-tools{display:none}.stage-hud{top:16px;left:16px;right:16px}.stage-actions{top:auto;bottom:62px;right:12px}.scale-rail{inset:auto auto 64px 12px;transform:none;flex-direction:row;align-items:center;gap:10px;max-width:calc(100% - 150px)}.rail-readout{text-align:left}.rail-track{flex-direction:row;gap:0;overflow-x:auto;scrollbar-width:none;background-image:none!important;padding:0!important}.rail-track button{min-height:40px!important;align-items:flex-start!important;padding:4px 7px!important}.rail-track button:after,.rail-track:before,.rail-marker{display:none}.rail-gap{display:none}.rail-track button span{white-space:nowrap}.stage-legend,.scene-bottom{display:none}.view-controls{left:12px;right:12px;bottom:12px;gap:6px}.view-controls button{padding:5px 9px}.observation-card.floating{position:fixed;left:12px;bottom:calc(112px + env(safe-area-inset-bottom));width:220px;min-height:0;z-index:30;padding:5px}.floating #viewport{height:160px;flex:none}.floating .float-expand{display:block;position:absolute;right:8px;bottom:9px;z-index:3;padding:5px 8px;min-height:30px}.floating .active-process{padding:5px;margin-bottom:4px;border:0}.floating .process-now strong{font-size:var(--ds-size-caption)}.floating :is(.process-now>span,.process-now small,.step-ribbon,.active-process progress,.ribbon-time,.cut-picker){display:none!important}.floating.expanded .ribbon-time{display:block!important}}@media(max-width:480px){.layer-tag span{display:none}.layer-tag{padding:3px 7px}.app-header{padding:10px 12px 0}.app-header .ds-link{display:none}.workspace-nav button{font-size:var(--ds-size-caption)}main{padding:10px 8px 16px}#viewport{height:68dvh}.stage-hud{top:14px;left:14px}.view-controls button{font-size:var(--ds-size-caption);padding:5px 8px}.cut-picker{display:none!important}.scale-rail{max-width:calc(100% - 24px);bottom:58px}.stage-actions{bottom:auto;top:12px;right:12px}.stage-actions #undock-observation{display:none}.rail-readout output{font-size:var(--ds-size-input)}.observation-card.floating{width:170px}.floating #viewport{height:128px}.floating.expanded #viewport{height:280px}.inspector-header,.recipe-scroll{padding-left:16px;padding-right:16px}footer{flex-direction:column;gap:6px}}.observation-card:has(.section-strip:not([hidden])) :is(.scene-bottom,.stage-legend,.scene-corner){display:none}.observation-card:has(.section-strip:not([hidden])) .rail-track button{min-height:30px!important;padding:3px 10px!important}.observation-card:has(.section-strip:not([hidden])) .rail-track button span,.observation-card:has(.section-strip:not([hidden])) .rail-gap{display:none}.observation-card:has(.section-strip:not([hidden])) .scale-rail{gap:6px}body[data-page=monitor] .observation:has(.section-strip:not([hidden]))>.monitor{display:none}.section-strip.expanded{height:min(68%,560px)}.observation-card:has(.section-strip.expanded) :is(.layer-labels,.workspace-meta,.stage-actions){display:none}.app-header{padding-top:env(safe-area-inset-top);padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.recipe-actions{padding-bottom:max(12px,env(safe-area-inset-bottom))}@media(max-width:999px){.header-tools{flex-wrap:wrap;gap:6px;justify-content:flex-end}.wordmark{flex:none}#viewport{display:flex;flex-direction:column;height:auto;min-height:540px}.stage-hud{right:100px}.stage-actions{top:12px;bottom:auto}.scale-rail{position:relative;inset:auto;transform:none;max-width:100%;margin:320px 12px 0;align-items:center;flex:none}.rail-track{min-width:0;flex:1}.rail-readout{flex:none}.view-controls{position:relative;inset:auto;margin:12px;flex:none;gap:8px}.view-controls .segments{max-width:100%;flex-wrap:wrap}.stage-actions #undock-observation{display:none}.workspace-heading h1{overflow-wrap:anywhere}.floating #viewport{min-height:0;display:block}.floating .scale-rail{display:none}}@media(max-width:480px){.header-tools{margin-left:0;flex:1 1 100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.header-tools>*{flex:none}.header-tools::-webkit-scrollbar{display:none}#review-guide .long-label,#workspace-chamber{display:none}.stage-hud{right:80px}.stage-hud .scene-corner{max-width:100%;overflow-wrap:anywhere}.scale-rail{margin-top:330px}.view-controls{margin-top:12px}}.stage-hud .machine-status-stage{max-width:380px;margin-top:2px;pointer-events:auto}.floating .machine-status-stage,#machine-status-floating{display:none}.floating #machine-status-floating{display:flex}.floating .active-process{display:none}.oes-config{margin:4px 0 22px}.oes-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.oes-config-grid label{display:grid;gap:4px;min-width:0}.oes-config-grid label small{color:var(--ds-color-muted)}.oes-config-grid .oes-auto{grid-column:1/-1;display:flex;align-items:center;gap:8px}.oes-unit{justify-self:end;margin-top:-1.4em;font-size:var(--ds-size-caption);opacity:.7}@media(max-width:480px){.oes-config-grid{grid-template-columns:1fr}}@media(max-width:699px){#machine-status-stage{display:flex;position:absolute;top:0;right:0;max-width:none;width:max-content;margin:0;padding:6px 8px;gap:7px;border-radius:6px;box-shadow:none}#machine-status-stage p{display:none}#machine-status-stage .machine-stacklight{width:14px;padding:3px 2px;gap:2px}#machine-status-stage .machine-stacklight i{height:6px}.floating #machine-status-stage{display:none}}