@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.resize{resize:both}}:root{--primary:#ff6b00;--primary-dark:#c50;--secondary:#1976d2;--background:#f3f5f7;--surface:#fff;--surface-subtle:#f8f9fa;--text:#212121;--text-muted:#687079;--border:#d8dde3;--success:#2e7d32;--success-bg:#eaf5eb;--error:#c62828;--error-bg:#fdecec;--warning:#b05a00;--warning-bg:#fff2df;--info-bg:#eaf3fb;--nav:#1e242a;--shadow:0 6px 18px #161f2814}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--text);margin:0;font-family:Roboto,Noto Sans Thai,Arial,sans-serif;font-size:16px}button,input{color:inherit;font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #1976d252}svg{flex:none;width:20px;height:20px}.app-shell{background:var(--background);min-height:100vh;color:var(--text);padding-bottom:116px;padding-left:72px;transition:background-color .16s,color .16s}.theme-dark{--background:#14181c;--surface:#20262c;--surface-subtle:#282f36;--text:#f4f6f8;--text-muted:#aab2ba;--border:#3b454e;--success-bg:#173c22;--error-bg:#4a2020;--warning-bg:#462f15;--info-bg:#173249;--nav:#0e1114;--shadow:0 8px 20px #0000003d}.primary-nav{z-index:50;background:var(--nav);color:#fff;flex-direction:column;align-items:center;width:72px;display:flex;position:fixed;inset:0 auto 0 0}.brand-mark,.mobile-brand{background:var(--primary);color:#fff;border-radius:6px;place-items:center;width:40px;height:40px;font-size:22px;font-weight:800;display:grid}.brand-mark{margin:12px 0 20px}.primary-nav nav{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.primary-nav button{color:#aeb7c0;background:0 0;border:0;border-radius:6px;place-items:center;width:48px;height:48px;display:grid;position:relative}.primary-nav button:hover{color:#fff;background:#ffffff14}.primary-nav button.is-active{color:#ff9a52;background:#ff6b002e}.primary-nav button.is-active:before{background:var(--primary);content:"";border-radius:0 3px 3px 0;width:4px;height:28px;position:absolute;left:-12px}.primary-nav .nav-bottom{margin-top:auto;margin-bottom:12px}.station-header{z-index:40;border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:8px 20px;display:flex;position:sticky;top:0}.station-header__identity,.station-header__status,.header-meta,.status-chip{align-items:center;display:flex}.classic-ux-switch{border:1px solid var(--border);background:var(--surface-subtle);min-height:30px;color:var(--text-muted);white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.classic-ux-switch:hover{border-color:var(--primary);color:var(--primary-dark)}.classic-ux-switch svg{width:15px;height:15px}.station-header__identity>div:last-child{flex-direction:column;gap:2px;display:flex}.station-header__identity span{color:var(--text-muted);font-size:11px;font-weight:700}.station-header__identity strong{font-size:19px}.station-header__status{gap:10px;min-width:0}.status-chip{border:1px solid var(--border);min-height:30px;color:var(--text-muted);white-space:nowrap;border-radius:999px;gap:6px;padding:4px 9px;font-size:12px;font-weight:700}.status-chip svg,.header-meta svg{width:16px;height:16px}.status-chip.is-online svg{color:var(--success)}.header-meta{color:var(--text-muted);white-space:nowrap;gap:6px;font-size:13px}.mobile-brand{display:none}.icon-button{border:1px solid var(--border);background:var(--surface);border-radius:6px;place-items:center;width:42px;min-width:42px;height:42px;display:inline-grid}.icon-button:hover{border-color:var(--secondary);color:var(--secondary)}.demo-toolbar{border-bottom:1px solid var(--border);background:var(--surface-subtle);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:6px 16px;display:flex}.demo-toolbar__label,.demo-toolbar__actions,.demo-toolbar__actions button{align-items:center;display:flex}.demo-toolbar__label{color:var(--text-muted);text-transform:uppercase;white-space:nowrap;gap:7px;font-size:12px;font-weight:800}.demo-toolbar__label svg{width:16px;height:16px}.demo-toolbar__actions{gap:6px;overflow-x:auto}.demo-toolbar__actions button{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:5px;gap:6px;min-height:34px;padding:5px 10px;font-size:12px;font-weight:700}.demo-toolbar__actions button:hover{border-color:var(--primary);color:var(--primary-dark)}.demo-toolbar__actions svg{width:15px;height:15px}.station-grid{grid-template-columns:minmax(220px,270px) minmax(500px,1fr) minmax(280px,330px);gap:14px;max-width:1680px;margin:0 auto;padding:14px;display:grid}.panel-surface{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px}.context-panel,.progress-panel{align-self:start;padding:18px}.active-task{border-top:4px solid var(--primary);min-height:610px;padding:22px}.panel-heading,.active-task__header,.event-log__title,.target-progress>div:first-child,.frame-visual__caption,.frame-visual__legend,.part-identity,.context-note,.instruction-band{align-items:center;display:flex}.panel-heading,.active-task__header{justify-content:space-between;gap:12px}.panel-heading{margin-bottom:18px}.panel-heading>svg{width:22px;height:22px;color:var(--text-muted)}.panel-heading h2,.active-task__header h2{margin:2px 0 0}.panel-heading h2{font-size:18px}.active-task__header{border-bottom:1px solid var(--border);padding-bottom:18px}.active-task__header h2{font-size:26px}.eyebrow{color:var(--primary-dark);text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.step-code,.route-count{border:1px solid var(--border);background:var(--surface-subtle);min-width:44px;min-height:34px;color:var(--text-muted);border-radius:5px;place-items:center;padding:4px 9px;font-size:12px;font-weight:800;display:inline-grid}.part-identity{border-left:4px solid var(--border);background:var(--surface-subtle);gap:10px;min-height:68px;padding:12px}.part-identity.is-loaded{border-left-color:var(--success)}.part-identity>span{background:var(--surface);width:38px;height:38px;color:var(--text-muted);border-radius:50%;place-items:center;display:grid}.part-identity.is-loaded>span{color:var(--success)}.part-identity div{min-width:0}.part-identity small,.part-identity strong{display:block}.part-identity small{color:var(--text-muted);margin-bottom:3px;font-size:10px;font-weight:800}.part-identity strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.context-list,.hold-details{margin:18px 0}.context-list div,.hold-details div{border-bottom:1px solid var(--border);padding:10px 0}.context-list dt,.hold-details dt{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:700}.context-list dd,.hold-details dd{overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:700}.target-progress{margin-top:18px}.target-progress>div:first-child{color:var(--text-muted);justify-content:space-between;margin-bottom:8px;font-size:12px}.target-progress strong{color:var(--text)}.target-progress__bar,.mobile-summary i{background:var(--border);border-radius:4px;height:7px;display:block;overflow:hidden}.target-progress__bar span{background:var(--secondary);width:46%;height:100%;display:block}.context-note{background:var(--success-bg);color:var(--success);border:1px solid #2e7d3240;border-radius:6px;gap:8px;margin-top:18px;padding:10px;font-size:12px;line-height:1.4}.context-note svg{width:18px;height:18px}.process-list{margin:0;padding:0;list-style:none}.process-list li{gap:11px;min-height:58px;padding:5px 0;display:flex;position:relative}.process-list li:not(:last-child):after{background:var(--border);content:"";width:2px;position:absolute;top:39px;bottom:-3px;left:16px}.process-list__marker{z-index:1;border:2px solid var(--border);background:var(--surface);width:34px;min-width:34px;height:34px;color:var(--text-muted);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.process-list__marker svg{width:15px;height:15px}.process-list__copy{min-width:0;padding-top:2px}.process-list__copy strong,.process-list__copy small{display:block}.process-list__copy strong{font-size:13px}.process-list__copy small{color:var(--text-muted);margin-top:3px;font-size:11px}.process-list li.is-current .process-list__marker{border-color:var(--primary);background:var(--primary);color:#fff}.process-list li.is-current .process-list__copy strong{color:var(--primary-dark)}.process-list li.is-complete .process-list__marker{border-color:var(--success);background:var(--success);color:#fff}.process-list li.is-complete:not(:last-child):after{background:var(--success)}.process-list li.is-hold .process-list__marker{border-color:var(--error);background:var(--error)}.process-list li.is-hold .process-list__copy strong{color:var(--error)}.event-log{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.event-log__title{gap:7px;margin-bottom:8px;font-size:12px}.event-log__title svg{width:16px;height:16px}.event-log>p{color:var(--text-muted);margin:10px 0;font-size:11px}.event-log__item{border-bottom:1px solid var(--border);grid-template-columns:52px 1fr;gap:6px;padding:7px 0;font-size:11px;display:grid}.event-log__item time{color:var(--text-muted)}.event-log__item.tone-error span{color:var(--error)}.event-log__item.tone-success span{color:var(--success)}.scan-task{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:38px 18px;display:flex}.scan-task--compact{min-height:350px}.scan-task__icon,.state-mark{border-radius:50%;place-items:center;display:grid}.scan-task__icon{background:var(--info-bg);width:76px;height:76px;color:var(--secondary);margin-bottom:18px}.scan-task__icon svg{width:34px;height:34px}.scan-task h3,.machine-wait h3{margin:6px 0 8px;font-size:24px}.scan-task p:not(.eyebrow),.machine-wait p:not(.eyebrow){max-width:520px;color:var(--text-muted);margin:0;line-height:1.55}.scan-task code{border:1px dashed var(--secondary);background:var(--surface-subtle);color:var(--secondary);border-radius:5px;margin-top:20px;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:800}.task-split{grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:20px;display:grid}.spec-list{border-left:1px solid var(--border);padding-left:20px}.spec-list div{border-bottom:1px solid var(--border);padding:14px 0}.spec-list span,.spec-list strong{display:block}.spec-list span{color:var(--text-muted);margin-bottom:5px;font-size:11px}.spec-list strong{font-size:13px}.text-success{color:var(--success)}.task-workspace{grid-template-columns:minmax(260px,.85fr) minmax(330px,1.15fr);gap:18px;padding-top:18px;display:grid}.frame-visual{border:1px solid var(--border);color:#fff;background:#242b31;border-radius:6px;min-height:408px;overflow:hidden}.frame-visual__caption{border-bottom:1px solid #4d5962;justify-content:space-between;gap:8px;padding:12px;font-size:10px}.frame-visual__caption span{color:#b7c2cb}.frame-diagram{min-height:310px;position:relative;overflow:hidden}.frame-diagram:before,.frame-diagram:after{content:"";border:8px solid #788590;border-radius:12px;width:70px;height:110px;position:absolute;top:50%;transform:translateY(-50%)}.frame-diagram:before{left:-34px}.frame-diagram:after{right:-34px}.frame-rail,.frame-cross{background:#85939e;display:block;position:absolute;box-shadow:inset 0 0 0 2px #b6c0c7}.frame-rail{height:24px;left:9%;right:9%;transform:skew(-9deg)}.frame-rail--top{top:32%}.frame-rail--bottom{bottom:32%;transform:skew(9deg)}.frame-cross{width:20px;height:32%;top:34%}.frame-cross--left{left:27%;transform:rotate(-16deg)}.frame-cross--right{right:27%;transform:rotate(16deg)}.weld-point{background:var(--primary);border:2px solid #ffbe8f;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;box-shadow:0 0 0 4px #ff6b0029}.weld-point:after{color:#fff;content:attr(data-index);font-size:7px;font-weight:800}.datum{color:#8cc8ff;border:2px solid #68b5ff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-weight:800;display:grid;position:absolute;bottom:14%}.datum--a{left:28%}.datum--b{right:28%}.frame-visual__legend{color:#c5cdd3;border-top:1px solid #4d5962;justify-content:space-between;gap:12px;padding:12px;font-size:10px}.frame-visual__legend span{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.legend-dot--datum{background:#68b5ff}.legend-dot--weld{background:var(--primary)}.instruction-band{border-left:4px solid var(--secondary);background:var(--info-bg);min-height:52px;color:var(--secondary);gap:9px;padding:9px 11px;font-size:12px;line-height:1.4}.instruction-band--warning{border-left-color:var(--warning);background:var(--warning-bg);color:var(--warning)}.instruction-band svg{width:18px;height:18px}.check-list{margin:12px 0}.check-row{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:10px;width:100%;min-height:64px;padding:8px 10px;display:grid}.check-row:not(:disabled):hover{background:var(--surface-subtle)}.check-row:disabled{opacity:.58}.check-row.is-done{opacity:1}.check-row__index{border:2px solid var(--border);width:32px;height:32px;color:var(--text-muted);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.check-row.is-current .check-row__index{border-color:var(--primary);color:var(--primary-dark)}.check-row.is-done .check-row__index{border-color:var(--success);background:var(--success);color:#fff}.check-row__index svg,.check-row>svg{width:16px;height:16px}.check-row__copy strong,.check-row__copy small{display:block}.check-row__copy strong{font-size:13px}.check-row__copy small{color:var(--text-muted);margin-top:3px;font-size:10px}.check-row.is-done>svg{color:var(--success)}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:9px 16px;font-size:14px;font-weight:800;display:inline-flex}.button--primary{background:var(--primary);color:#fff}.button--primary:hover:not(:disabled){background:var(--primary-dark)}.button--primary:disabled{background:var(--border);color:var(--text-muted)}.button--secondary{border-color:var(--border);background:var(--surface)}.button--full{width:100%;min-height:54px}.machine-wait{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:450px;padding:32px;display:flex}.machine-wait__pulse{border:3px solid var(--secondary);background:var(--info-bg);width:82px;height:82px;color:var(--secondary);border-radius:50%;place-items:center;margin-bottom:18px;animation:1.2s ease-in-out infinite machine-pulse;display:grid}.machine-wait__pulse svg{width:38px;height:38px}.machine-progress{background:var(--border);border-radius:4px;width:min(100%,420px);height:8px;margin:24px 0 12px;overflow:hidden}.machine-progress span{background:var(--secondary);width:36%;height:100%;animation:1.5s ease-in-out infinite machine-progress;display:block}.machine-wait small{color:var(--text-muted);font-size:11px}@keyframes machine-pulse{50%{box-shadow:0 0 0 10px #1976d21f}}@keyframes machine-progress{0%{transform:translate(-110%)}to{transform:translate(280%)}}@media (prefers-reduced-motion:reduce){.machine-wait__pulse,.machine-progress span{animation:none}}.inspection-form{max-width:720px;margin:0 auto;padding:22px 0}.inspection-form .instruction-band{margin-bottom:12px}.inspection-row,.measurement-field{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:12px 4px;display:flex}.inspection-row__label,.measurement-field strong{font-size:14px;font-weight:700}.segmented{border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr 1fr;width:250px;display:grid;overflow:hidden}.segmented button{background:var(--surface);border:0;justify-content:center;align-items:center;gap:6px;min-height:46px;font-size:13px;font-weight:700;display:flex}.segmented button+button{border-left:1px solid var(--border)}.segmented button.is-pass{background:var(--success-bg);color:var(--success)}.segmented button.is-ng{background:var(--error-bg);color:var(--error)}.measurement-field>span:first-child strong,.measurement-field>span:first-child small{display:block}.measurement-field small{color:var(--text-muted);margin-top:3px;font-size:11px}.measurement-field__input{border:1px solid var(--border);background:var(--surface);border-radius:6px;align-items:center;display:flex;overflow:hidden}.measurement-field input{background:0 0;border:0;outline:none;width:132px;height:46px;padding:8px 10px;font-weight:800}.measurement-field__input b{color:var(--text-muted);padding:0 11px;font-size:12px}.inspection-form>.button{margin-top:18px}.task-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:535px;padding:32px;display:flex}.task-state .state-mark{width:82px;height:82px;margin-bottom:18px}.task-state .state-mark svg{width:38px;height:38px}.task-state--hold .state-mark{background:var(--error-bg);color:var(--error)}.task-state--complete .state-mark{background:var(--success-bg);color:var(--success)}.task-state h2{margin:7px 0 8px;font-size:28px}.task-state>p:not(.eyebrow){max-width:580px;color:var(--text-muted);margin:0;line-height:1.55}.hold-details{grid-template-columns:repeat(3,1fr);gap:12px;width:min(100%,560px);display:grid}.hold-details div{border:1px solid var(--border);background:var(--surface-subtle);border-radius:5px}.hold-details dd{color:var(--error)}.recovery-actions{gap:10px;display:flex}.completion-summary{border:1px solid var(--border);background:var(--border);border-radius:6px;grid-template-columns:repeat(3,1fr);gap:1px;width:min(100%,620px);margin:24px 0;display:grid;overflow:hidden}.completion-summary div{background:var(--surface-subtle);padding:14px}.completion-summary span,.completion-summary strong{display:block}.completion-summary span{color:var(--text-muted);margin-bottom:4px;font-size:10px}.completion-summary strong{font-size:13px}.scan-dock{z-index:45;border-top:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(320px,.85fr) minmax(520px,1.15fr);gap:0;min-height:100px;display:grid;position:fixed;bottom:0;left:72px;right:0;box-shadow:0 -8px 20px #161f281a}.scan-feedback,.scan-entry,.scan-entry label{align-items:center;display:flex}.scan-feedback{border-right:1px solid var(--border);gap:12px;min-width:0;padding:16px 20px}.scan-feedback>span{background:var(--info-bg);width:42px;min-width:42px;height:42px;color:var(--secondary);border-radius:50%;place-items:center;display:grid}.scan-feedback.tone-success>span{background:var(--success-bg);color:var(--success)}.scan-feedback.tone-error>span{background:var(--error-bg);color:var(--error)}.scan-feedback.tone-warning>span{background:var(--warning-bg);color:var(--warning)}.scan-feedback div{min-width:0}.scan-feedback strong,.scan-feedback small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.scan-feedback strong{font-size:14px}.scan-feedback small{color:var(--text-muted);margin-top:4px;font-size:11px}.scan-entry{gap:10px;padding:12px 16px}.scan-entry>svg{width:28px;height:28px;color:var(--primary)}.scan-entry label{flex-direction:column;flex:1;align-items:stretch;gap:3px;min-width:0}.scan-entry label>span{color:var(--text-muted);font-size:10px;font-weight:800}.scan-entry input{border:0;border-bottom:2px solid var(--border);background:0 0;outline:none;width:100%;height:36px;padding:0;font-size:14px;font-weight:700}.scan-entry input:focus{border-color:var(--primary)}.button--scan{background:var(--primary);color:#fff;min-width:142px}.button--scan:disabled{background:var(--border);color:var(--text-muted)}.mobile-summary,.sheet-backdrop{display:none}.station-toolbar{border-bottom:1px solid var(--border);background:var(--surface-subtle);justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:7px 14px;display:flex}.station-switch{border:1px solid var(--border);background:var(--surface);border-radius:6px;grid-template-columns:1fr 1fr;width:min(100%,510px);display:grid;overflow:hidden}.station-switch button{min-height:44px;color:var(--text-muted);text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 12px;display:grid;position:relative}.station-switch button+button{border-left:1px solid var(--border)}.station-switch button.is-selected{background:var(--info-bg);color:var(--text);box-shadow:inset 0 -3px 0 var(--primary)}.station-switch button>span{color:var(--primary-dark);font-size:15px;font-weight:900}.station-switch button>strong{font-size:12px}.station-switch button>svg{width:16px;height:16px;color:var(--success)}.station-grid--customer{grid-template-columns:minmax(240px,290px) minmax(540px,1fr) minmax(260px,310px)}.simulated-badge{background:var(--info-bg);min-height:24px;color:var(--secondary);border:1px solid #1976d247;border-radius:4px;align-items:center;gap:5px;padding:3px 7px;font-size:9px;font-weight:900;display:inline-flex}.simulated-badge svg{width:12px;height:12px}.step-workspace{grid-template-columns:minmax(270px,.9fr) minmax(340px,1.1fr);gap:18px;padding-top:18px;display:grid}.step-form,.data-capture,.verify-workspace{min-width:0}.assumption-note{border:1px dashed var(--border);color:var(--text-muted);border-radius:5px;align-items:flex-start;gap:8px;margin:10px 0;padding:9px;font-size:11px;line-height:1.45;display:flex}.data-field,.select-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:10px 2px;display:flex}.data-field>span:first-child strong,.data-field>span:first-child small,.select-row>span strong,.select-row>span small{display:block}.data-field>span:first-child strong,.select-row>span strong{font-size:13px}.data-field small,.select-row small{color:var(--text-muted);margin-top:3px;font-size:10px}.data-field__input{border:1px solid var(--border);background:var(--surface);border-radius:6px;align-items:center;min-width:150px;display:flex;overflow:hidden}.data-field__input input{background:0 0;border:0;outline:none;width:118px;height:44px;padding:8px 10px;font-weight:800}.data-field__input input[readonly]{background:var(--surface-subtle)}.data-field__input b{min-width:38px;color:var(--text-muted);text-align:right;padding:0 8px;font-size:11px}.data-field select,.select-row select{border:1px solid var(--border);background:var(--surface);min-width:180px;height:44px;color:var(--text);border-radius:6px;padding:0 10px;font-size:13px;font-weight:700}.data-grid,.parameter-grid{grid-template-columns:1fr 1fr;column-gap:18px;display:grid}.data-grid--compact{margin-top:8px}.sequence-list{margin:12px 0}.sequence-list>div{border:1px solid var(--border);border-left:4px solid var(--border);background:var(--surface-subtle);grid-template-columns:30px 1fr 20px;align-items:center;gap:10px;min-height:62px;padding:5px 8px;display:grid}.sequence-list>div+div{margin-top:6px}.sequence-list>div>span{background:var(--surface);width:28px;height:28px;color:var(--text-muted);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.sequence-list strong{font-size:12px}.sequence-list svg{width:17px;height:17px;color:var(--text-muted)}.sequence-list>div.is-complete{border-left-color:var(--success)}.sequence-list>div.is-complete>span{background:var(--success-bg);color:var(--success)}.sequence-list>div.is-complete svg{color:var(--success)}.sequence-list>div.is-active{border-color:#ffb77e;border-left-color:var(--primary);background:#fff8f2;box-shadow:0 0 0 3px #ff6b0014}.theme-dark .sequence-list>div.is-active{background:#392b21}.sequence-list>div.is-active>span{background:var(--primary);color:#fff}.sequence-list>div.is-active svg,.sequence-list>div.is-active small{color:var(--primary-dark)}.sequence-list>div.is-locked{color:var(--text-muted);opacity:.68}.machine-command,.unload-task{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:470px;padding:28px;display:flex}.machine-command__icon{background:var(--info-bg);width:76px;height:76px;color:var(--secondary);border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.machine-command__icon svg{width:34px;height:34px}.machine-command h3,.unload-task h3{margin:7px 0 8px;font-size:24px}.machine-command>p:not(.eyebrow),.unload-task>p:not(.eyebrow){max-width:560px;color:var(--text-muted);margin:0;line-height:1.5}.sensor-list{grid-template-columns:1fr 1fr;gap:8px;width:min(100%,560px);margin:20px 0;display:grid}.sensor-list>div{border:1px solid var(--border);background:var(--surface-subtle);border-radius:5px;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:8px 10px;font-size:11px;display:flex}.sensor-list strong{color:var(--success);font-size:10px}.data-capture,.verify-workspace{max-width:760px;margin:0 auto;padding:22px 0}.data-capture>.button,.verify-workspace>.button{margin-top:16px}.genealogy-table{border:1px solid var(--border);background:var(--border);border-radius:6px;grid-template-columns:1fr 1fr;gap:1px;margin:14px 0;display:grid;overflow:hidden}.genealogy-table>div{background:var(--surface);grid-template-columns:1fr 20px;align-content:center;gap:6px;min-height:74px;padding:10px 12px;display:grid}.genealogy-table span,.genealogy-table strong{display:block}.genealogy-table span{color:var(--text-muted);margin-bottom:4px;font-size:10px}.genealogy-table strong{overflow-wrap:anywhere;font-size:12px}.genealogy-table svg{width:17px;height:17px;color:var(--success);grid-area:1/2/3;align-self:center}.upstream-inline{border:1px solid var(--border);text-align:left;border-radius:6px;align-items:center;gap:9px;min-width:min(100%,420px);margin-top:20px;padding:10px 12px;display:flex}.upstream-inline.is-ready{background:var(--success-bg);color:var(--success);border-color:#2e7d3259}.upstream-inline.is-blocked{background:var(--error-bg);color:var(--error);border-color:#c6282859}.upstream-inline span,.upstream-inline small,.upstream-inline strong{display:block}.upstream-inline small{margin-top:2px;font-size:10px}.upstream-card{border-left:4px solid var(--success);background:var(--success-bg);color:var(--success);margin:16px 0;padding:11px}.upstream-card>div{align-items:center;gap:7px;display:flex}.upstream-card>span{margin:6px 0 3px;font-size:11px;font-weight:900;display:block}.upstream-card small{font-size:10px}.machine-status-panel{border:1px solid var(--border);background:var(--surface-subtle);border-radius:6px;margin-top:16px;padding:12px}.machine-status-panel>div{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.machine-status-panel>div>span{align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.machine-status-panel svg{width:15px;height:15px}.machine-status-panel dl{margin:0}.machine-status-panel dl div{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:5px 0;font-size:10px;display:flex}.machine-status-panel dt{color:var(--text-muted)}.machine-status-panel dd{margin:0;font-weight:800}.recipe-lock{border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-muted);border-radius:5px;align-items:flex-start;gap:7px;margin-top:14px;padding:9px;font-size:10px;line-height:1.4;display:flex}.recipe-lock svg{width:15px;height:15px}.hold-summary{border:1px solid var(--border);background:var(--border);border-radius:6px;grid-template-columns:repeat(3,1fr);gap:1px;width:min(100%,620px);margin:22px 0;display:grid;overflow:hidden}.hold-summary>div{background:var(--surface-subtle);padding:12px}.hold-summary span,.hold-summary strong{display:block}.hold-summary span{color:var(--text-muted);margin-bottom:4px;font-size:10px}.hold-summary strong{overflow-wrap:anywhere;font-size:12px}.release-checks{width:min(100%,560px);margin:18px 0}.release-checks>div{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:44px;font-size:12px;display:flex}.release-checks svg{width:17px;height:17px;color:var(--success)}.unload-task>small{color:var(--text-muted);margin-top:14px;font-size:10px}.datum{width:34px}@media (max-width:1280px){.station-grid{grid-template-columns:220px minmax(470px,1fr) 280px}.header-meta:nth-of-type(2){display:none}.task-workspace{grid-template-columns:1fr}.station-grid--customer{grid-template-columns:240px minmax(500px,1fr) 270px}.step-workspace{grid-template-columns:1fr}.frame-visual{min-height:340px}.frame-diagram{min-height:250px}}@media (max-width:1100px){.station-grid{max-width:900px;display:block}.context-panel,.progress-panel{display:none}.mobile-summary{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:150px 1fr 150px;align-items:center;gap:12px;min-height:62px;padding:8px 14px;display:grid}.mobile-summary button{border:1px solid var(--border);background:var(--surface);border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:12px;font-weight:700;display:flex}.mobile-summary span{text-align:center;display:block}.mobile-summary strong{margin-bottom:6px;font-size:12px;display:block}.mobile-summary i{height:5px}.mobile-summary i b{background:var(--primary);height:100%;display:block}.sheet-backdrop{z-index:80;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{background:var(--surface);border-radius:8px 8px 0 0;width:min(100%,620px);max-height:82vh;padding:22px;position:relative;overflow-y:auto}.bottom-sheet__close{z-index:1;position:absolute;top:12px;right:12px}.scan-dock{grid-template-columns:minmax(260px,.85fr) minmax(430px,1.15fr)}.station-toolbar{flex-direction:column;align-items:stretch}.station-switch{width:100%}}@media (max-width:900px){.app-shell{padding-left:0}.primary-nav{display:none}.mobile-brand{display:grid}.station-header__identity{gap:10px}.station-header__identity span,.status-chip:first-child,.header-meta,.classic-ux-switch span{display:none}.classic-ux-switch{justify-content:center;width:34px;padding:4px}.scan-dock{left:0}}@media (max-width:767px){.app-shell{padding-bottom:174px}.station-header{gap:8px;min-height:56px;padding:6px 10px}.station-header__identity,.station-header__identity>div:last-child{min-width:0}.station-header__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;display:block;overflow:hidden}.station-header__status{gap:5px}.status-chip{justify-content:center;width:32px;min-width:32px;min-height:28px;padding:3px;font-size:0}.station-header .icon-button{width:36px;min-width:36px;height:36px}.demo-toolbar,.station-toolbar{padding:6px 8px;display:block;overflow:hidden}.station-switch button{min-height:42px;padding:5px 8px}.station-switch button>strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.station-toolbar .demo-toolbar__actions,.demo-toolbar__label{display:none}.demo-toolbar__actions{padding-bottom:2px}.mobile-summary{grid-template-columns:46px 1fr 46px;gap:8px;padding:7px 8px}.mobile-summary button{width:44px;min-width:44px;padding:0;font-size:0}.mobile-summary button svg{width:20px;height:20px}.station-grid{padding:0}.active-task{min-height:calc(100vh - 300px);box-shadow:none;border:0;border-radius:0;padding:16px 14px 24px}.active-task__header h2{font-size:21px}.scan-task{min-height:360px;padding:28px 8px}.scan-task h3,.machine-wait h3{font-size:21px}.scan-task code{overflow-wrap:anywhere;max-width:100%}.task-split,.task-workspace,.step-workspace{display:block}.data-grid,.parameter-grid,.genealogy-table,.sensor-list{grid-template-columns:1fr}.data-field,.select-row{flex-direction:column;align-items:stretch;gap:8px}.data-field__input,.data-field select,.select-row select,.data-field__input input{width:100%}.machine-command,.unload-task{min-height:400px;padding:20px 2px}.hold-summary{grid-template-columns:1fr}.spec-list{border-left:0;padding:0}.frame-visual{min-height:330px;margin:14px 0}.frame-diagram{min-height:240px}.instruction-band{align-items:flex-start}.check-row{min-height:70px}.inspection-row,.measurement-field{flex-direction:column;align-items:stretch;gap:10px}.segmented,.measurement-field__input,.measurement-field input{width:100%}.task-state{min-height:430px;padding:22px 4px}.task-state h2{font-size:23px}.hold-details,.completion-summary{grid-template-columns:1fr}.recovery-actions{flex-direction:column;width:100%}.scan-dock{grid-template-columns:1fr;min-height:160px}.scan-feedback{border-right:0;border-bottom:1px solid var(--border);min-height:60px;padding:8px 12px}.scan-feedback>span{width:36px;min-width:36px;height:36px}.scan-feedback strong{font-size:12px}.scan-entry{min-width:0;padding:8px 10px}.scan-entry>svg,.scan-entry .icon-button{display:none}.button--scan{width:52px;min-width:52px;padding:0;font-size:0}.button--scan svg{width:22px;height:22px}}.access-shell{background:var(--background);min-height:100vh;color:var(--text);grid-template-rows:auto 1fr auto;display:grid}.access-brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;width:min(100% - 40px,1180px);margin:0 auto;padding:20px 0;display:flex}.access-brand>span{background:var(--primary);color:#fff;place-items:center;width:42px;height:42px;font-size:22px;font-weight:950;display:grid}.access-brand>span svg{width:23px;height:23px}.access-brand>div{gap:3px;display:grid}.access-brand small{color:var(--primary);font-size:9px;font-weight:900}.access-brand strong{font-size:15px}.access-panel{border:1px solid var(--border);border-top:5px solid var(--primary);background:var(--surface);width:min(100% - 32px,470px);box-shadow:var(--shadow-md);border-radius:6px;align-self:start;margin:clamp(42px,9vh,96px) auto;padding:34px}.access-panel__icon{background:var(--secondary-light);width:50px;height:50px;color:var(--secondary);border:1px solid #b8d2ed;place-items:center;margin-bottom:22px;display:grid}.access-panel__icon svg{width:27px;height:27px}.access-eyebrow{color:var(--primary);margin:0 0 8px;font-size:10px;font-weight:950}.access-panel h1{margin:0;font-size:clamp(24px,3vw,32px);line-height:1.22}.access-copy{color:var(--text-muted);margin:12px 0 26px;font-size:13px;line-height:1.65}.access-panel form>label{color:var(--text-muted);margin-bottom:8px;font-size:10px;font-weight:900;display:block}.access-input{border:2px solid var(--border-strong);background:#fff;border-radius:5px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-height:58px;padding:5px 12px;display:grid}.access-input:focus-within{border-color:var(--secondary);box-shadow:0 0 0 4px #1976d21f}.access-input svg{color:var(--secondary)}.access-input input{width:100%;min-width:0;min-height:44px;color:var(--text);background:0 0;border:0;outline:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px}.access-input input::placeholder{color:#8a949e;font-family:inherit;font-size:12px}.access-hint,.access-error{min-height:20px;margin:8px 0 12px;font-size:10px;line-height:1.5}.access-hint{color:var(--text-muted)}.access-error{color:var(--error);font-weight:800}.access-panel form>button{background:var(--primary);color:#fff;border:0;border-radius:5px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;font-size:13px;font-weight:900;display:flex}.access-panel form>button:hover{filter:brightness(.94)}.access-panel form>button:disabled{cursor:not-allowed;opacity:.46}.access-panel form>button svg{width:18px;height:18px}.access-footer{border-top:1px solid var(--border);width:min(100% - 40px,1180px);min-height:64px;color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin:0 auto;font-size:10px;font-weight:800;display:flex}.access-footer svg{width:15px;height:15px;color:var(--success)}.ux-choice-shell{background:var(--background);min-height:100vh;color:var(--text)}.ux-choice-header{border-bottom:4px solid var(--primary);background:var(--nav);color:#fff;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:10px max(20px,50vw - 590px);display:flex}.ux-choice-brand,.ux-choice-context,.ux-choice-card__title,.ux-choice-actions a,.ux-choice-primary{align-items:center;display:flex}.ux-choice-brand{gap:12px}.ux-choice-brand>span{background:var(--primary);border-radius:6px;place-items:center;width:42px;height:42px;font-size:23px;font-weight:900;display:grid}.ux-choice-brand>div{flex-direction:column;display:flex}.ux-choice-brand small{color:#aeb7c0;font-size:10px;font-weight:800}.ux-choice-brand strong{font-size:18px}.ux-choice-context{color:#d5dce2;gap:8px;font-size:12px;font-weight:700}.ux-choice-context svg{color:#69c96d;width:17px;height:17px}.ux-choice-intro{border-bottom:1px solid var(--border);width:min(100% - 40px,1180px);margin:0 auto;padding:46px 0 28px}.ux-choice-intro p{color:var(--primary-dark);text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900}.ux-choice-intro h1{max-width:880px;margin:0 0 12px;font-size:34px;line-height:1.2}.ux-choice-intro>span{max-width:850px;color:var(--text-muted);font-size:14px;line-height:1.6;display:block}.ux-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(100% - 40px,1180px);margin:24px auto;display:grid}.ux-choice-card{border:1px solid var(--border);border-top:5px solid var(--secondary);background:var(--surface);min-height:370px;box-shadow:var(--shadow);border-radius:6px;flex-direction:column;padding:24px;display:flex}.ux-choice-card.is-focus{border-top-color:var(--primary)}.ux-choice-card__title{gap:14px}.ux-choice-card__title>span{background:var(--info-bg);width:50px;height:50px;color:var(--secondary);border-radius:6px;place-items:center;display:grid}.ux-choice-card.is-focus .ux-choice-card__title>span{background:var(--warning-bg);color:var(--primary-dark)}.ux-choice-card__title svg{width:26px;height:26px}.ux-choice-card__title small{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:900}.ux-choice-card h2{margin:2px 0 0;font-size:24px}.ux-choice-card>p{color:var(--text-muted);margin:22px 0 18px;font-size:14px;line-height:1.65}.ux-choice-tags{flex-wrap:wrap;gap:7px;margin-bottom:22px;display:flex}.ux-choice-tags span{border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-muted);border-radius:3px;padding:5px 8px;font-size:10px;font-weight:800}.ux-choice-primary{border:2px solid var(--secondary);min-height:54px;color:var(--secondary);justify-content:space-between;gap:12px;margin-top:auto;padding:12px 16px;font-size:13px;font-weight:900;text-decoration:none}.ux-choice-primary:hover{background:var(--info-bg)}.ux-choice-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;display:grid}.ux-choice-actions a{border:2px solid var(--primary);background:var(--primary);color:#fff;justify-content:space-between;gap:8px;min-height:62px;padding:9px 12px;text-decoration:none}.ux-choice-actions a:hover{background:var(--primary-dark)}.ux-choice-actions a>span{flex-direction:column;min-width:0;display:flex}.ux-choice-actions small{font-size:9px;font-weight:800}.ux-choice-actions strong{font-size:12px}.ux-choice-actions svg,.ux-choice-primary svg{width:18px;height:18px}.ux-choice-footer{border-top:1px solid var(--border);width:min(100% - 40px,1180px);color:var(--text-muted);text-align:center;text-transform:uppercase;margin:28px auto 0;padding:18px 0 30px;font-size:10px;font-weight:800}@media (max-width:760px){.ux-choice-context{display:none}.ux-choice-intro{padding-top:30px}.ux-choice-intro h1{font-size:27px}.ux-choice-grid{grid-template-columns:1fr}.ux-choice-card{min-height:0}}@media (max-width:440px){.access-brand,.access-footer{width:min(100% - 24px,1180px)}.access-panel{width:min(100% - 24px,470px);padding:26px 20px}.ux-choice-header{padding:8px 12px}.ux-choice-brand strong{font-size:15px}.ux-choice-intro,.ux-choice-grid,.ux-choice-footer{width:min(100% - 24px,1180px)}.ux-choice-actions{grid-template-columns:1fr}}@media (min-width:768px){.app-shell{grid-template-rows:auto auto minmax(0,1fr) auto;width:100%;height:100dvh;min-height:0;padding-bottom:0;padding-left:0;display:grid;overflow:hidden}.station-header{gap:10px;min-height:48px;padding:4px 10px;position:relative}.station-header__identity strong{font-size:16px}.station-header__status{gap:6px}.status-chip,.classic-ux-switch{min-height:28px;padding:3px 7px;font-size:10px}.header-meta{font-size:11px}.station-header .icon-button{width:32px;min-width:32px;height:32px}.station-toolbar{gap:8px;min-height:44px;padding:4px 8px;position:relative}.station-switch{width:min(100%,470px)}.station-switch button{min-height:34px;padding:3px 8px}.station-switch button>span{font-size:13px}.classic-demo{z-index:48;margin-left:auto;position:relative}.classic-demo>summary{border:1px solid var(--border);background:var(--surface);min-height:32px;color:var(--text-muted);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:4px 9px;font-size:10px;font-weight:800;list-style:none;display:flex}.classic-demo>summary::-webkit-details-marker{display:none}.classic-demo>summary svg{width:14px;height:14px}.classic-demo[open]>summary{border-color:var(--primary);color:var(--primary-dark)}.classic-demo .demo-toolbar__actions{border:1px solid var(--border);background:var(--surface);width:min(720px,100vw - 80px);box-shadow:var(--shadow);border-radius:5px;flex-wrap:wrap;justify-content:flex-end;gap:5px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:visible}.classic-demo .demo-toolbar__actions button{min-height:30px;padding:4px 8px;font-size:10px}.mobile-summary{display:none}.station-grid,.station-grid--customer{gap:7px;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:7px;overflow:hidden}.station-grid{display:block}.progress-panel,.context-panel{display:none}.active-task{border-top-width:3px;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;padding:8px 10px;display:grid;overflow:hidden}.active-task__header{min-height:42px;padding-bottom:6px}.active-task__header h2{font-size:19px}.eyebrow{font-size:9px}.step-code,.route-count{min-width:36px;min-height:28px;padding:2px 6px;font-size:10px}.scan-task,.scan-task--compact,.machine-wait,.machine-command,.unload-task,.task-state{width:100%;height:100%;min-height:0;padding:10px;overflow:hidden}.scan-task__icon,.machine-command__icon{width:54px;height:54px;margin-bottom:7px}.scan-task__icon svg,.machine-command__icon svg{width:26px;height:26px}.machine-wait__pulse,.task-state .state-mark{width:58px;height:58px;margin-bottom:7px}.machine-wait__pulse svg,.task-state .state-mark svg{width:27px;height:27px}.scan-task h3,.machine-wait h3,.machine-command h3,.unload-task h3{margin:4px 0 5px;font-size:19px}.task-state h2{margin:4px 0 5px;font-size:21px}.scan-task p:not(.eyebrow),.machine-wait p:not(.eyebrow),.machine-command>p:not(.eyebrow),.unload-task>p:not(.eyebrow),.task-state>p:not(.eyebrow){font-size:11px;line-height:1.35}.scan-task code{margin-top:10px;padding:7px 10px;font-size:11px}.machine-progress{margin:12px 0 7px}.step-workspace{grid-template-columns:minmax(240px,.85fr) minmax(300px,1.15fr);gap:9px;height:100%;min-height:0;padding-top:7px;display:grid;overflow:hidden}.step-form{min-height:0;overflow:hidden}.step-workspace .frame-visual{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;margin:0;display:grid;container-type:size}.step-workspace .frame-visual__caption,.step-workspace .frame-visual__legend{padding:6px 8px;font-size:8px}.step-workspace .frame-diagram{width:100%;height:100%;min-height:0}.instruction-band{gap:6px;min-height:38px;padding:6px 8px;font-size:10px;line-height:1.25}.assumption-note{margin:5px 0;padding:5px 7px;font-size:9px;line-height:1.25}.data-field,.select-row{gap:8px;min-height:49px;padding:4px 2px}.data-field__input input,.data-field select,.select-row select{height:34px}.button{min-height:36px;padding:6px 11px;font-size:11px}.button--full{min-height:38px}.check-list{margin:5px 0}.check-row{grid-template-columns:28px minmax(0,1fr) 17px;gap:7px;min-height:48px;padding:4px 6px}.check-row__index{width:26px;height:26px;font-size:10px}.check-row__copy strong{font-size:11px}.check-row__copy small{margin-top:1px;font-size:8px}.sequence-list{margin:5px 0}.sequence-list>div{grid-template-columns:26px 1fr 17px;gap:7px;min-height:44px;padding:3px 5px}.sequence-list>div+div{margin-top:3px}.sequence-list>div>span{width:24px;height:24px;font-size:9px}.sequence-list strong{font-size:10px}.step-form .op-barcode.is-compact{margin-top:4px}.step-form .op-barcode.is-compact .op-barcode__graphic{height:30px;min-height:30px}.step-form .op-barcode.is-compact>strong{margin-top:2px;font-size:9px}.step-form .op-enter-action{gap:6px;margin:3px 0 0}.step-form .op-enter-action kbd{min-width:62px;min-height:28px;font-size:10px}.step-form .op-enter-action strong{font-size:10px}.data-capture,.verify-workspace,.inspection-form{width:100%;max-width:760px;height:100%;min-height:0;padding:7px 0;overflow:hidden}.genealogy-table{margin:7px 0}.genealogy-table>div{min-height:49px;padding:5px 8px}.inspection-row,.measurement-field{gap:10px;min-height:54px;padding:6px 3px}.segmented button{min-height:36px}.measurement-field input{height:36px}.inspection-form>.button,.data-capture>.button,.verify-workspace>.button{margin-top:7px}.sensor-list{gap:5px;margin:10px 0}.sensor-list>div{min-height:36px;padding:5px 7px}.release-checks{margin:8px 0}.release-checks>div{min-height:34px}.hold-summary,.completion-summary{gap:1px;margin:10px 0}.hold-summary>div,.completion-summary div{padding:8px}.scan-dock{z-index:44;grid-template-columns:minmax(260px,.8fr) minmax(480px,1.2fr);min-height:68px;position:relative;inset:auto;box-shadow:0 -4px 12px #161f2814}.scan-feedback{gap:8px;padding:7px 10px}.scan-feedback>span{width:34px;min-width:34px;height:34px}.scan-feedback strong{font-size:12px}.scan-feedback small{margin-top:2px;font-size:9px}.scan-entry{gap:7px;padding:6px 10px}.scan-entry>svg{width:22px;height:22px}.scan-entry input{height:30px;font-size:12px}.scan-entry .icon-button{width:32px;min-width:32px;height:32px}.button--scan{min-width:122px}}@media (min-width:1101px){.app-shell{padding-left:56px}.primary-nav{width:56px;display:flex}.brand-mark{margin:8px 0 10px}.primary-nav button{width:42px;height:42px}.primary-nav button.is-active:before{left:-7px}.station-grid,.station-grid--customer{grid-template-columns:minmax(185px,220px) minmax(510px,1fr) minmax(215px,250px);display:grid}.progress-panel,.context-panel{align-self:stretch;height:100%;min-height:0;padding:9px;display:block;overflow:hidden}.panel-heading{min-height:34px;margin-bottom:6px}.panel-heading h2{font-size:14px}.panel-heading>svg{width:17px;height:17px}.process-list li{gap:7px;min-height:40px;padding:2px 0}.process-list li:not(:last-child):after{top:29px;bottom:-2px;left:12px}.process-list__marker{width:26px;min-width:26px;height:26px;font-size:9px}.process-list__copy{padding-top:0}.process-list__copy strong{font-size:10px;line-height:1.2}.process-list__copy small{margin-top:1px;font-size:8px}.recipe-lock{margin-top:5px;padding:5px;font-size:8px}.part-identity{gap:7px;min-height:48px;padding:6px}.part-identity>span{width:30px;height:30px}.part-identity strong{font-size:11px}.context-list{margin:6px 0}.context-list div{grid-template-columns:70px 1fr;gap:5px;padding:4px 0;display:grid}.context-list dt{margin:0;font-size:8px}.context-list dd{font-size:9px}.upstream-card{margin:5px 0;padding:6px}.upstream-card>span{margin:3px 0 1px;font-size:9px}.upstream-card small{font-size:8px}.machine-status-panel{margin-top:6px;padding:6px}.machine-status-panel>div{margin-bottom:4px}.machine-status-panel dl div{padding:3px 0;font-size:8px}.target-progress{margin-top:6px}.target-progress>div:first-child{margin-bottom:4px;font-size:9px}.target-progress__bar{height:5px}.context-panel .event-log{display:none}}@media (min-width:768px) and (max-height:700px){.station-header__identity span,.header-meta:nth-of-type(2){display:none}.station-header{min-height:44px}.station-toolbar{min-height:40px}.station-switch button{min-height:32px}.scan-dock{min-height:62px}.active-task__header{min-height:38px}.frame-visual__legend{display:none}.process-list li{min-height:36px}.process-list li:not(:last-child):after{top:27px}}.operator-shell{--station-state:var(--secondary);background:var(--background);height:100dvh;min-height:0;color:var(--text);grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto;display:grid;overflow:hidden}.operator-shell.is-active{--station-state:var(--primary)}.operator-shell.is-plc{--station-state:#d68a00}.operator-shell.is-hold{--station-state:var(--error)}.operator-shell.is-complete{--station-state:var(--success)}.op-header{border-bottom:3px solid var(--station-state);background:var(--nav);color:#fff;grid-template-columns:minmax(230px,.9fr) minmax(220px,auto) minmax(560px,1.4fr);align-items:center;gap:12px;min-height:56px;padding:6px 14px;display:grid}.op-brand,.op-brand>div,.op-station-name,.op-system-status,.op-system-status>span,.op-job-bar>div,.op-related-station,.op-related-station>span,.op-task-heading>div,.op-step-lead,.op-step-lead>div,.op-readout,.op-scanner-ready,.op-enter-action,.op-no-bypass,.op-result-command,.op-result-command span,.op-supervisor-button,.op-supervisor-button span,.op-feedback,.op-feedback>div,.op-operator,.op-operator>span,.op-ready-code,.op-ready-code>span,.op-upstream-status,.op-upstream-status>span,.op-assumption,.op-footer{align-items:center;display:flex}.op-brand{gap:9px}.op-brand>span{background:var(--primary);color:#fff;border-radius:5px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:900;display:grid}.op-brand>div,.op-job-bar>div,.op-related-station>span,.op-task-heading>div,.op-step-lead>div,.op-result-command span,.op-supervisor-button span,.op-feedback>div,.op-operator>span,.op-ready-code>span,.op-upstream-status>span{flex-direction:column;align-items:flex-start;min-width:0}.op-brand small,.op-station-name span,.op-job-bar span,.op-job-bar small,.op-related-station small,.op-operator small,.op-ready-code small,.op-upstream-status small{font-size:10px;font-weight:700}.op-brand strong{font-size:18px}.op-station-name{text-align:center;flex-direction:column;align-items:center}.op-station-name strong{font-size:16px}.op-station-name span,.op-brand small{color:#aeb7c0}.op-system-status{justify-content:flex-end;gap:5px}.op-ux-switch{color:#d5dce2;white-space:nowrap;border:1px solid #4b555e;border-radius:4px;align-items:center;gap:6px;min-height:30px;padding:4px 9px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.op-ux-switch:hover{color:#ffb57f;border-color:#ff9a52}.op-ux-switch svg{width:15px;height:15px}.op-system-status>span{color:#d5dce2;white-space:nowrap;border:1px solid #4b555e;border-radius:4px;gap:5px;min-height:28px;padding:3px 7px;font-size:10px;font-weight:800}.op-system-status>span svg{width:15px;height:15px}.op-system-status>span.is-online svg{color:#69c96d}.op-system-status>span.is-waiting{color:#ffd483;border-color:#e2a83e}.op-system-status button{color:#fff;background:0 0;border:1px solid #4b555e;border-radius:4px;place-items:center;width:32px;height:32px;display:grid}.op-system-status>.op-header-operator{gap:6px;padding-left:8px;padding-right:8px}.op-header-operator>span{flex-direction:column;min-width:0;line-height:1.15;display:flex}.op-header-operator strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:138px;font-size:10px;overflow:hidden}.op-header-operator small{color:#aeb7c0;margin-top:2px;font-size:8px}.op-job-bar{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(150px,1fr) minmax(170px,1fr) minmax(230px,1.2fr) minmax(135px,.75fr) minmax(210px,auto);min-height:58px;display:grid}.op-job-bar>div{border-right:1px solid var(--border);justify-content:center;padding:7px 14px}.op-job-bar>div>span{color:var(--text-muted);margin-bottom:3px}.op-job-bar>div>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;display:block;overflow:hidden}.op-job-bar>div>strong small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;display:block;overflow:hidden}.op-related-station{border:0;border-left:4px solid var(--secondary);background:var(--info-bg);color:var(--secondary);text-align:left;justify-content:center;gap:7px;padding:6px 12px}.op-related-station>span{flex:1}.op-related-station svg{width:20px;height:20px}.op-related-station kbd{margin-left:5px}kbd{color:#252a2f;background:#fff;border:1px solid #aeb5bb;border-bottom-width:3px;border-radius:5px;place-items:center;min-width:46px;min-height:34px;padding:4px 9px;font-family:inherit;font-size:12px;font-weight:900;display:inline-grid}.op-main{border:1px solid var(--border);border-top:4px solid var(--station-state);background:var(--surface);width:100%;max-width:1680px;min-height:0;box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) clamp(320px,28vw,390px);margin:6px auto 0;display:grid;overflow:hidden}.op-task-panel,.op-action-panel{min-width:0;min-height:0;overflow:hidden}.op-task-panel{grid-template-rows:auto minmax(0,1fr);padding:0 16px 12px;display:grid}.op-action-panel{border-left:1px solid var(--border);background:var(--surface-subtle);justify-content:center;align-items:stretch;padding:12px 16px;display:flex}.op-task-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:54px;display:flex}.op-task-heading p,.op-state-label{color:var(--station-state);text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.op-task-heading h1{margin:2px 0 0;font-size:22px;line-height:1.15}.op-task-heading>span{color:var(--station-state);align-items:baseline;font-size:27px;font-weight:900;display:flex}.op-task-heading>span small{font-size:15px}.op-task-body{height:100%;min-height:0;padding:10px 0 0;overflow:hidden}.op-step-lead{gap:10px;margin-bottom:10px}.op-step-lead>span{background:var(--info-bg);width:40px;min-width:40px;height:40px;color:var(--secondary);border-radius:5px;place-items:center;display:grid}.op-step-lead>span svg{width:21px;height:21px}.op-step-lead h2{margin:0 0 2px;font-size:18px}.op-step-lead p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.35}.op-ready-view{flex-direction:column;justify-content:center;padding:14px max(14px,5%);display:flex}.op-ready-view .op-step-lead{margin-bottom:12px}.op-ready-code{border:2px dashed var(--secondary);background:var(--info-bg);min-height:72px;color:var(--secondary);gap:12px;padding:12px 16px}.op-ready-code>svg{width:38px;height:38px}.op-ready-code strong{margin-top:2px;font-size:18px}.op-upstream-status{border-left:4px solid var(--error);background:var(--error-bg);color:var(--error);gap:12px;margin-top:16px;padding:12px 16px}.op-upstream-status.is-ready{border-left-color:var(--success);background:var(--success-bg);color:var(--success)}.op-upstream-status svg{width:22px;height:22px}.op-assumption{border:1px solid var(--border);background:var(--surface-subtle);min-height:32px;color:var(--text-muted);gap:8px;margin:0 0 10px;padding:5px 8px;font-size:11px}.op-assumption>span:not(.op-simulated){flex:1}.op-assumption>svg{width:17px;height:17px}.op-simulated{color:#9a6100;white-space:nowrap;border:1px solid #c48a22;border-radius:3px;align-items:center;gap:5px;padding:3px 6px;font-size:9px;font-weight:900;display:inline-flex}.op-simulated svg{width:12px;height:12px}.op-measure-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;max-width:660px;margin:12px auto;display:grid}.op-measure-grid label>span{color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:900;display:block}.op-measure-grid label>div{border:2px solid var(--border);background:var(--surface);align-items:center;min-height:64px;display:flex}.op-measure-grid label:focus-within>div{border-color:var(--secondary);box-shadow:0 0 0 4px #1976d224}.op-measure-grid input{text-align:right;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:8px 14px;font-size:30px;font-weight:800}.op-measure-grid b{color:var(--text-muted);padding-right:16px;font-size:16px}.op-form-hint{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.op-form-hint svg{width:17px;height:17px}.op-load-layout{grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);align-items:stretch;gap:14px;display:grid}.op-load-layout>div:first-child{min-height:0;overflow:hidden}.op-load-layout .frame-visual{height:100%;min-height:0;margin:0}.op-check-list{gap:5px;display:grid}.op-check-list>div{border:1px solid var(--border);border-left:4px solid var(--border);background:var(--surface-subtle);grid-template-columns:30px 1fr 20px;align-items:center;gap:8px;min-height:50px;padding:6px 9px;display:grid}.op-check-list>div>span{background:var(--surface);width:27px;height:27px;color:var(--text-muted);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.op-check-list>div>div{flex-direction:column;gap:3px;min-width:0;display:flex}.op-check-list strong{font-size:12px}.op-check-list small{color:var(--text-muted);font-size:10px;font-weight:700}.op-check-list>div.is-complete{border-left-color:var(--success)}.op-check-list>div.is-complete>span{background:var(--success-bg);color:var(--success)}.op-check-list>div.is-complete svg{color:var(--success)}.op-check-list>div.is-active{border-color:#ffb77e;border-left-color:var(--primary);background:#fff8f2;box-shadow:0 0 0 3px #ff6b0017}.theme-dark .op-check-list>div.is-active{background:#392b21}.op-check-list>div.is-active>span{background:var(--primary);color:#fff}.op-check-list>div.is-active small,.op-check-list>div.is-active svg{color:var(--primary-dark)}.op-check-list>div.is-locked{color:var(--text-muted);opacity:.72}.op-check-list>div.is-locked svg{color:var(--text-muted)}.op-machine-view{grid-template-rows:auto minmax(0,1fr);gap:2px;min-height:0;display:grid}.op-machine-view .op-step-lead{margin-bottom:0}.op-task-body>.frame-visual{width:100%;height:100%;min-height:0}.op-task-body .frame-visual{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;container-type:size}.op-task-body .frame-visual__caption{padding:7px 10px}.op-task-body .frame-diagram{width:100%;height:100%;min-height:0}.op-task-body .weld-point{width:clamp(13px,2cqh,18px);height:clamp(13px,2cqh,18px)}.op-task-body .datum{bottom:9%}.op-genealogy-grid,.op-readout-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px;display:grid}.op-readout{border:1px solid var(--border);border-left:4px solid var(--success);background:var(--surface-subtle);grid-template-columns:1fr auto;align-content:center;min-height:78px;padding:12px 14px;display:grid}.op-readout>span{color:var(--text-muted);grid-column:1/-1;margin-bottom:5px;font-size:10px;font-weight:900}.op-readout>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.op-readout>strong small{color:var(--text-muted);font-size:11px}.op-readout>svg{width:18px;height:18px;color:var(--success)}.op-inspection-points{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.op-inspection-points span{border:1px solid var(--border);min-height:42px;color:var(--text-muted);align-items:center;gap:7px;padding:8px;font-size:11px;font-weight:700;display:flex}.op-inspection-points svg{width:16px;height:16px;color:var(--success)}.op-release-summary{grid-template-columns:repeat(2,minmax(240px,1fr));gap:10px;max-width:760px;margin:34px auto;display:grid}.op-release-summary>div{border:1px solid var(--border);border-left:4px solid var(--success);grid-template-columns:1fr auto;align-content:center;min-height:82px;padding:12px 16px;display:grid}.op-release-summary span{color:var(--text-muted);grid-column:1/-1;margin-bottom:4px;font-size:10px;font-weight:900}.op-release-summary strong{font-size:14px}.op-release-summary svg{color:var(--success)}.op-complete-view,.op-hold-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.op-complete-mark,.op-hold-mark{border-radius:50%;place-items:center;width:90px;height:90px;margin-bottom:16px;display:grid}.op-complete-mark{background:var(--success-bg);color:var(--success)}.op-hold-mark{background:var(--error-bg);color:var(--error)}.op-complete-mark svg,.op-hold-mark svg{width:46px;height:46px}.op-complete-view h2,.op-hold-view h2{margin:7px 0;font-size:30px}.op-complete-view>p:not(.op-state-label),.op-hold-view>p:not(.op-state-label){color:var(--text-muted);margin:0}.op-complete-view>div,.op-hold-view>div{border:1px solid var(--border);background:var(--surface-subtle);text-align:left;grid-template-columns:auto 1fr auto auto;gap:12px;margin-top:24px;padding:13px 18px;font-size:12px;display:grid}.op-complete-view>div span,.op-hold-view>div span{color:var(--text-muted)}.op-action-panel>div{width:100%}.op-action-state,.op-manual-action,.op-plc-action,.op-complete-action,.op-hold-action,.op-inspection-actions{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.op-action-state__icon,.op-plc-pulse{background:var(--info-bg);width:54px;height:54px;color:var(--secondary);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.op-action-state__icon svg,.op-plc-pulse svg{width:27px;height:27px}.op-action-state.is-blocked .op-action-state__icon{background:var(--error-bg);color:var(--error)}.op-action-state h3,.op-plc-action h3,.op-complete-action h3,.op-hold-action h3{margin:4px 0;font-size:18px}.op-action-state>p:not(.op-state-label),.op-plc-action>p:not(.op-state-label),.op-hold-action>p:not(.op-state-label){color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.op-action-state>small,.op-manual-action>small{max-width:300px;color:var(--text-muted);font-size:10px;line-height:1.4}.op-scanner-ready{border:1px solid var(--border);background:var(--surface);gap:8px;margin:10px 0 6px;padding:7px 10px;font-size:11px}.op-scanner-ready>span{background:var(--success);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #2e7d3224}.op-hybrid-form{text-align:left;width:100%;margin-top:10px}.op-hybrid-form>label{color:var(--text-muted);margin-bottom:7px;font-size:10px;font-weight:900;display:block}.op-hybrid-control{border:2px solid var(--secondary);background:var(--surface);border-radius:5px;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:52px;padding:4px 4px 4px 10px;display:grid;box-shadow:0 0 0 3px #1976d214}.op-hybrid-control:focus-within{box-shadow:0 0 0 5px #1976d229}.op-hybrid-control>svg{color:var(--secondary)}.op-hybrid-control input{width:100%;min-width:0;min-height:40px;color:var(--text);text-transform:uppercase;background:0 0;border:0;outline:0;padding:6px 3px;font-size:14px;font-weight:800}.op-hybrid-control input::placeholder{color:var(--text-muted);text-transform:none;font-size:12px;font-weight:600}.op-hybrid-control button{background:var(--secondary);color:#fff;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-width:96px;min-height:40px;padding:6px 9px;font-size:10px;font-weight:900;display:inline-flex}.op-hybrid-control button svg{width:17px;height:17px}.op-hybrid-control button:disabled,.op-hybrid-control input:disabled{cursor:not-allowed;opacity:.48}.op-hybrid-form>small{color:var(--text-muted);align-items:flex-start;gap:6px;margin-top:7px;font-size:9px;line-height:1.4;display:flex}.op-hybrid-form>small svg{width:14px;height:14px}.op-hybrid-form.is-error .op-hybrid-control{border-color:var(--error);box-shadow:0 0 0 4px #c628281c}.op-hybrid-form.is-error .op-hybrid-control>svg,.op-hybrid-form.is-error>small{color:var(--error)}.op-manual-action .op-hybrid-form{margin:0 0 14px}.op-inspection-actions .op-hybrid-form{margin-top:12px}.op-barcode{width:100%;margin-top:8px}.op-barcode__graphic{background:#fff;border:1px solid #c8cdd2;justify-content:center;align-items:center;min-height:64px;display:flex;overflow:hidden}.op-barcode svg{width:auto;max-width:100%;height:auto}.op-barcode>strong{color:var(--text);margin-top:9px;font-size:14px;display:block}.op-barcode>code{max-width:100%;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;display:block;overflow:hidden}.op-barcode.is-compact{margin-top:6px}.op-barcode.is-compact .op-barcode__graphic{min-height:42px}.op-barcode.is-compact>strong{margin-top:3px;font-size:10px}.op-barcode.is-compact>code{display:none}.op-or{width:100%;color:var(--text-muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:7px 0;font-size:9px;display:grid}.op-or span{background:var(--border);height:1px}.op-enter-action{justify-content:center;gap:10px;margin-bottom:18px}.op-enter-action kbd{min-width:88px;min-height:46px;font-size:14px}.op-enter-action strong{font-size:13px}.op-plc-pulse{background:var(--warning-bg);color:#b36b00;margin-top:12px;position:relative}.op-plc-pulse:before,.op-plc-pulse:after{content:"";opacity:0;border:2px solid #d68a00;border-radius:50%;animation:1.8s ease-out infinite op-pulse;position:absolute;inset:-8px}.op-plc-pulse:after{animation-delay:.7s}@keyframes op-pulse{0%{opacity:.75;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.op-plc-action .op-simulated{margin-bottom:16px}.op-plc-wave{align-items:center;gap:5px;height:38px;margin:10px 0;display:flex}.op-plc-wave i{background:#d68a00;width:8px;height:18px;animation:1s ease-in-out infinite alternate op-wave}.op-plc-wave i:nth-child(2),.op-plc-wave i:nth-child(4){animation-delay:.2s}.op-plc-wave i:nth-child(3){animation-delay:.4s}@keyframes op-wave{to{height:44px}}.op-no-bypass{background:var(--warning-bg);color:#8a5500;text-align:left;border:1px solid #d8a347;gap:10px;width:100%;padding:12px}.op-no-bypass span{flex-direction:column;display:flex}.op-no-bypass small{margin-top:3px;font-size:10px}.op-inspection-actions{justify-content:flex-start;padding-top:3px}.op-result-command,.op-supervisor-button{border:2px solid var(--border);background:var(--surface);text-align:left;justify-content:flex-start;gap:8px;width:100%;min-height:44px;margin-top:6px;padding:6px 10px}.op-result-command.is-pass{border-color:var(--success);color:var(--success)}.op-result-command.is-ng,.op-supervisor-button{border-color:var(--error);color:var(--error)}.op-result-command svg,.op-supervisor-button svg{width:25px;height:25px}.op-result-command span,.op-supervisor-button span{flex:1}.op-result-command small,.op-supervisor-button small{margin-top:2px;font-size:10px}.op-complete-action>svg,.op-hold-action>svg{width:66px;height:66px;margin-bottom:14px}.op-complete-action>svg{color:var(--success)}.op-hold-action>svg{color:var(--error)}.op-countdown{background:var(--border);width:100%;height:8px;margin:12px 0 5px;overflow:hidden}.op-countdown span{background:var(--success);height:100%;transition:width 1s linear;display:block}.op-feedback{border:0;border-bottom:1px solid var(--border);background:var(--surface);max-width:none;min-height:44px;margin:0;padding:5px 14px}.op-feedback>span{background:var(--info-bg);width:30px;min-width:30px;height:30px;color:var(--secondary);border-radius:50%;place-items:center;margin-right:9px;display:grid}.op-feedback>span svg{width:17px;height:17px}.op-feedback.tone-success>span{background:var(--success-bg);color:var(--success)}.op-feedback.tone-error>span{background:var(--error-bg);color:var(--error)}.op-feedback>div:nth-child(2){flex:1;min-width:0}.op-feedback strong,.op-feedback small{display:block}.op-feedback strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.op-feedback small{max-width:100%;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:9px;display:block;overflow:hidden}.op-progress-dock{border:1px solid var(--border);background:var(--surface);grid-template-columns:118px minmax(0,1fr);width:100%;max-width:1680px;margin:4px auto 0;display:grid;box-shadow:0 -4px 12px #1f2a3312}.op-progress-summary{border-right:1px solid var(--border);flex-direction:column;justify-content:center;min-width:0;padding:5px 12px;display:flex}.op-progress-summary small{color:var(--text-muted);font-size:8px;font-weight:800}.op-progress-summary strong{color:var(--station-state);margin-top:1px;font-size:12px}.op-progress-summary span{color:var(--text-muted);font-size:9px;font-weight:700}.op-progress{grid-template-columns:repeat(var(--step-count,8), minmax(70px, 1fr));background:var(--surface);gap:0;min-width:0;margin:0;padding:0;list-style:none;display:grid}.op-progress li{border-right:1px solid var(--border);min-width:0;min-height:44px;color:var(--text-muted);justify-content:center;align-items:center;gap:6px;padding:5px;display:flex}.op-progress li:last-child{border-right:0}.op-progress li>span{border:2px solid var(--border);border-radius:50%;place-items:center;width:25px;min-width:25px;height:25px;font-size:10px;font-weight:900;display:grid}.op-progress li>span svg{width:13px;height:13px}.op-progress li strong{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;overflow:hidden}.op-progress li.is-current{box-shadow:inset 0 -4px var(--station-state);color:var(--text)}.op-progress li.is-current>span{border-color:var(--station-state);background:var(--station-state);color:#fff}.op-progress li.is-done{color:var(--success)}.op-progress li.is-done>span{border-color:var(--success);background:var(--success);color:#fff}.op-demo{z-index:30;border:1px dashed var(--border);background:var(--surface-subtle);border-top:0;width:100%;min-height:28px;margin:0 auto;position:relative}.op-demo summary{min-height:28px;color:var(--text-muted);cursor:pointer;padding:5px 10px;font-size:9px;font-weight:800}.op-demo>div{border:1px solid var(--border);background:var(--surface);width:min(760px,100vw - 16px);box-shadow:var(--shadow);flex-wrap:wrap;gap:5px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 5px);right:8px}.op-demo button{border:1px solid var(--border);background:var(--surface);border-radius:3px;min-height:28px;padding:4px 8px;font-size:10px}.op-demo button:disabled{opacity:.45}.op-footer{min-height:22px;color:var(--text-muted);justify-content:center;gap:9px;font-size:8px}.op-footer svg{width:14px;height:14px}.op-footer i{background:var(--text-muted);border-radius:50%;width:3px;height:3px}@media (max-width:1180px){.op-header{grid-template-columns:minmax(220px,1fr) auto}.op-station-name{display:none}.op-system-status>span:not(.op-header-operator){padding-left:5px;padding-right:5px}.op-job-bar{grid-template-columns:repeat(4,1fr)}.op-related-station{border-top:1px solid var(--border);border-left-width:4px;grid-column:1/-1;min-height:48px}.op-main{grid-template-columns:minmax(0,1fr) 330px}.op-action-panel{padding:10px 12px}.op-load-layout{grid-template-columns:1fr}.op-load-layout .frame-visual{display:none}.op-inspection-points{grid-template-columns:repeat(2,1fr)}}@media (min-width:821px) and (max-height:820px){.op-header{min-height:52px;padding-top:4px;padding-bottom:4px}.op-feedback{min-height:40px;padding-top:4px;padding-bottom:4px}.op-job-bar{min-height:52px}.op-task-heading{min-height:48px}.op-task-heading h1{font-size:20px}.op-task-body{padding-top:7px}.op-ready-view{padding-top:10px;padding-bottom:10px}.op-progress li{min-height:40px}.op-demo,.op-demo summary{min-height:26px}.op-footer{min-height:20px}}@media (min-width:821px) and (max-height:700px){.op-brand small,.op-station-name span,.op-feedback small,.op-job-bar small{display:none}.op-header{min-height:48px}.op-feedback{min-height:36px}.op-job-bar{min-height:48px}.op-task-heading{min-height:44px}.op-task-heading p{font-size:9px}.op-task-heading h1{font-size:18px}.op-step-lead{margin-bottom:6px}.op-step-lead>span{width:34px;min-width:34px;height:34px}.op-step-lead h2{font-size:16px}.op-step-lead p{font-size:10px}.op-action-panel{padding:7px 10px}.op-action-state__icon,.op-plc-pulse{width:44px;height:44px;margin-bottom:4px}.op-barcode__graphic{min-height:52px}.op-barcode.is-compact .op-barcode__graphic{min-height:34px}.op-progress li{min-height:38px}.op-progress li>span{width:22px;min-width:22px;height:22px}}@media (max-width:820px){.op-header{gap:8px;min-height:58px;padding:6px 10px}.op-brand>span{width:38px;height:38px}.op-brand small,.op-system-status>span:first-child,.op-ux-switch span{display:none}.op-ux-switch{justify-content:center;width:32px;padding:4px}.op-brand strong{font-size:16px}.op-system-status>span{padding:4px 6px;font-size:9px}.op-job-bar{grid-template-columns:repeat(2,1fr)}.op-job-bar>div:nth-child(2),.op-job-bar>div:nth-child(3){display:none}.op-related-station{grid-column:1/-1}.op-main{border-left:0;border-right:0;min-height:0;margin:8px 0 0;display:block}.op-task-panel,.op-action-panel{scrollbar-gutter:auto;overflow:visible}.op-main{overscroll-behavior:contain;overflow-y:auto}.op-task-panel{padding:0 14px 14px}.op-task-heading{min-height:70px}.op-task-heading h1{font-size:21px}.op-task-heading>span{font-size:25px}.op-task-body{min-height:360px;padding-top:16px}.op-action-panel{border-top:1px solid var(--border);border-left:0;min-height:390px;padding:18px 16px}.op-measure-grid,.op-genealogy-grid,.op-readout-grid,.op-release-summary{grid-template-columns:1fr}.op-measure-grid{gap:10px;margin:14px auto}.op-measure-grid label>div{min-height:76px}.op-measure-grid input{font-size:32px}.op-task-body>.frame-visual{min-height:280px}.op-task-body>.frame-visual .frame-diagram{min-height:185px}.op-feedback{border-left:0;border-right:0}.op-operator{display:none}.op-progress-dock{border-left:0;border-right:0;grid-template-columns:104px minmax(0,1fr);margin-top:6px}.op-progress-summary{padding-left:8px;padding-right:8px}.op-progress{grid-template-columns:repeat(var(--step-count,8), minmax(76px, 1fr));overflow-x:auto}.op-footer span:nth-of-type(n+2),.op-footer i{display:none}}@media (max-width:480px){.op-system-status>span{font-size:0}.op-system-status>span svg{width:18px;height:18px}.op-job-bar>div{padding:8px 10px}.op-job-bar>div>strong{font-size:11px}.op-related-station{padding:7px 10px}.op-related-station strong{font-size:11px}.op-step-lead{align-items:flex-start}.op-step-lead h2{font-size:19px}.op-inspection-points{grid-template-columns:1fr}.op-complete-view>div,.op-hold-view>div{grid-template-columns:1fr;width:100%}.op-barcode__graphic{min-height:86px}.op-hybrid-control{grid-template-columns:24px minmax(0,1fr) 50px;padding-left:9px}.op-hybrid-control button{width:50px;min-width:50px;padding:0}.op-hybrid-control button span{display:none}.op-progress-dock{display:block}.op-progress-summary{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;gap:8px;min-height:34px}.op-progress-summary small{display:none}.op-progress-summary strong{margin:0}.op-progress{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.op-progress li{border-bottom:1px solid var(--border);min-width:0}.op-progress li:nth-child(4n){border-right:0}}