#workcell-dialog{width:min(1220px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:1px solid #53636c;background:#152027;color:#e7eff2;border-radius:16px;overflow:auto;box-shadow:0 30px 120px #0009}#workcell-dialog::backdrop{background:#071116cc;backdrop-filter:blur(9px)}#workcell-dialog *{box-sizing:border-box}#workcell-dialog button,#workcell-dialog select,#workcell-dialog input{font:inherit}#workcell-dialog button:focus-visible,#workcell-dialog canvas:focus-visible,#workcell-dialog select:focus-visible{outline:2px solid #f4b95b;outline-offset:3px}.wc-top{padding:22px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;gap:20px}.wc-top small{font-size:11px;color:#a6b6bf;letter-spacing:2px}.wc-top h2{margin:7px 0 0;font-size:25px;color:#f4b95b;font-weight:500}.wc-top h2 span{color:#eef4f6;margin-left:12px}.wc-top>.btn{font-size:12px;white-space:nowrap}.wc-steps{display:flex;padding:18px 28px;gap:8px;background:#111b21}.wc-steps button{flex:1;display:flex;gap:10px;align-items:center;border:0;background:none;color:#7b8b94;padding:10px;font-size:12px;border-bottom:2px solid #2b3840}.wc-steps button b{font-weight:500;font-size:15px}.wc-steps button.current{color:#f4b95b;border-color:#f4b95b;opacity:1}.wc-steps button.done{color:#79cbb1;cursor:pointer}.wc-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px}.wc-stage{min-width:0;padding:22px 24px;background:#19272f}.wc-part{display:flex;justify-content:space-between;gap:10px;color:#a7bac5;font-size:11px;margin-bottom:14px;flex-wrap:wrap}.wc-part b{color:#f4b95b;padding:0 6px}.wc-canvas-wrap{height:350px;position:relative;border:1px solid #425761;border-radius:9px;overflow:hidden;background:#202e37}.wc-canvas-wrap canvas{width:100%;height:100%;display:block;touch-action:none}.wc-canvas-caption{position:absolute;bottom:12px;left:15px;pointer-events:none;font-size:10px;color:#cad9df;background:#17252dcc;padding:6px 9px;border-radius:4px}.wc-real-time{position:absolute;right:13px;top:12px;font-size:10px;color:#8ad7bd;pointer-events:none}.wc-keyboard{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0;color:#99aeba;font-size:11px}.wc-keyboard select{background:#122029;color:#dce7ed;border:1px solid #465d68;padding:6px;border-radius:4px;margin-left:8px;max-width:150px}.wc-keyboard .btn{font-size:11px;padding:7px 10px}.wc-keyboard>small{width:100%;color:#8fa5b1}.wc-progress{height:3px;background:#33454f;margin-top:20px}.wc-progress>div{height:100%;background:#7fcdb4;transition:width .25s}.wc-measures{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.wc-measures>div{border-right:1px solid #ffffff15}.wc-measures>div:last-child{border:0}.wc-measures small{display:block;color:#8fa7b4;font-size:11px}.wc-measures strong{display:block;margin-top:7px;font-weight:500;font-size:20px;font-variant-numeric:tabular-nums}.wc-controls{padding:24px;overflow:auto;max-height:660px}.wc-kicker{font-size:11px;color:#f4b95b;letter-spacing:2px}.wc-controls h3{font-size:16px;line-height:1.6;margin:9px 0 12px;font-weight:500}.wc-instruction{font-size:12px;line-height:1.8;color:#a7bbc7}.wc-checklist{padding:13px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.wc-checklist>div{display:flex;gap:9px;font-size:11px;color:#91a3ae;margin:7px 0;line-height:1.5}.wc-checklist b{font-weight:400;color:#6f8792}.wc-checklist .checked,.wc-checklist .checked b{color:#86d2bb}.wc-tools{padding-top:14px}.wc-field{display:block;margin-bottom:14px;font-size:11px;color:#b7c9d1}.wc-field>span{display:flex;justify-content:space-between;margin-bottom:8px}.wc-field output{color:#f2bd6c;font-variant-numeric:tabular-nums}.wc-field>small{display:block;margin-top:3px;color:#7f99a7;font-size:10px}.wc-field input{width:100%;accent-color:#f4b95b}.wc-field select{width:100%;padding:10px;background:#1f303a;color:#edf5f8;border:1px solid #49616e;border-radius:5px}.wc-hold{width:100%;background:#314b58;color:#e0edf3;border:1px solid #597581;padding:12px;border-radius:7px;cursor:grab;touch-action:none;user-select:none;margin:4px 0 12px;font-size:13px}.wc-hold small{display:block;font-size:10px;color:#a3becb;margin-top:5px}.wc-hold.held,.wc-drive button.held{background:#b6833a;border-color:#f4bf6e;color:#fff}.wc-hint{color:#e1bb7b;font-size:11px;line-height:1.7;min-height:36px;margin:4px 0 13px}.wc-reject{display:block;border:0;background:none;color:#869ba8;font-size:10px!important;margin:14px auto 0;cursor:pointer}.wc-reject-confirm{padding:10px;border:1px solid #b96d57;font-size:11px;margin-top:10px}.wc-reject-confirm .btn{font-size:11px;padding:7px}.wc-valves{display:flex;gap:7px}.wc-valves button{flex:1;padding:10px 2px;border:1px solid #526875;background:#22353f;color:#d8e6ed;border-radius:5px;cursor:pointer;font-size:12px}.wc-valves .selected{background:#dca955;color:#182329;border-color:#f4c275}.wc-note{font-size:11px;line-height:1.9;color:#8fa9b8;margin:12px 0}.wc-drive{display:grid;grid-template-columns:repeat(3,45px);grid-template-rows:repeat(3,40px);justify-content:center;gap:5px;margin-bottom:15px}.wc-drive button{background:#2a434f;border:1px solid #526b78;color:#eff6fa;border-radius:5px;touch-action:none;user-select:none;cursor:grab}.wc-drive button:first-child{grid-column:2}.wc-drive button:nth-child(2){grid-column:1;grid-row:2}.wc-drive span{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;font-size:8px;color:#8dabbc}.wc-drive button:nth-child(4){grid-column:3;grid-row:2}.wc-drive button:last-child{grid-column:2;grid-row:3}.wc-two{display:flex;gap:8px}.wc-two .wc-hold{font-size:11px}.wc-two .wc-hold small{font-size:9px}.wc-preparation{padding:40px;display:grid;grid-template-columns:1.15fr 1fr;gap:55px}.wc-preparation h3{font-size:30px;font-weight:400;margin:20px 0;color:#eef5f8}.wc-preparation p{color:#9fb5c1;font-size:13px;line-height:1.9}.wc-preparation ol{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.wc-preparation li{display:flex;gap:12px;font-size:12px;color:#b2c6d2}.wc-preparation li b{color:#f4b95b;font-weight:400}.wc-start-card{padding:26px;border:1px solid #3b5462;border-radius:10px;background:#1d303b;align-self:start}.wc-badge{font-size:12px;color:#81d3b6}.wc-badge.rejected{color:#e1a391}.wc-records>div{display:flex;gap:10px;font-size:11px;line-height:1.8;border-bottom:1px solid #ffffff12;padding:9px 0}.wc-records b{white-space:nowrap;font-weight:500;color:#a3c2d2}.wc-records span{color:#8da9ba}.wc-records{margin-bottom:23px}.wc-record-detail{margin-top:18px;padding:12px;border:1px solid #496570;border-radius:6px;font-size:12px;color:#9cbdcb;line-height:1.8}.manual-entry{margin:0 0 15px;padding:15px!important;background:#f4b95b!important;border:0!important;color:#18242b!important;font-weight:600}.manual-entry small{display:block;font-weight:400;font-size:10px;margin-top:5px;color:#3c463f}.nav-item.manual-nav{color:#f4b95b}.nav-item.manual-nav svg{stroke:#f4b95b}.viewbar .manual-view{color:#f4b95b;border-left:1px solid #53616a;padding-left:14px}
@media(min-width:1500px){.wc-canvas-wrap{height:440px}}@media(max-width:900px){.wc-layout{grid-template-columns:1fr 290px}.wc-stage{padding:18px 15px}.wc-controls{padding:18px}.wc-steps{padding:12px}.wc-steps button{gap:5px;padding:8px 4px;font-size:10px}.wc-canvas-wrap{height:310px}.wc-preparation{padding:25px;gap:25px}.wc-preparation h3{font-size:24px}}@media(max-width:650px){#workcell-dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0}.wc-top{padding:16px}.wc-top h2{font-size:21px}.wc-top small{font-size:9px;letter-spacing:1px}.wc-top>.btn{padding:8px;font-size:10px}.wc-steps{padding:8px 6px;gap:0}.wc-steps button{flex-direction:column;font-size:9px;gap:4px;padding:6px 0}.wc-layout{display:block}.wc-canvas-wrap{height:300px}.wc-controls{max-height:none;padding:20px}.wc-measures strong{font-size:18px}.wc-preparation{display:block;padding:24px 18px}.wc-start-card{margin-top:25px;padding:20px}.wc-canvas-caption{font-size:9px;left:8px}.wc-keyboard{font-size:10px}.wc-keyboard select{max-width:135px}.viewbar .manual-view{padding-left:8px}.wc-stage{padding:15px}.wc-measures{margin-top:14px}.wc-progress{margin-top:14px}.wc-real-time{font-size:9px}}
/* Keep the operation bench and instrument panel in one desktop viewport. */
.wc-top{padding:16px 24px}.wc-top>.btn{flex:0 0 auto}.wc-steps{padding:10px 24px}.wc-steps button{padding:8px}.wc-stage{padding:18px 24px}.wc-canvas-wrap{height:clamp(230px,calc(94dvh - 400px),430px)}.wc-controls{max-height:calc(94dvh - 140px)}.wc-keyboard>.btn{flex:0 0 auto}
@media(max-width:650px){.wc-top{padding:14px}.wc-steps{padding:8px 6px}.wc-steps button{padding:6px 0}.wc-stage{padding:15px}.wc-canvas-wrap{height:300px}.wc-controls{max-height:none}}
#workcell-dialog .wc-steps button{font-size:12px}#workcell-dialog .wc-steps button span{white-space:nowrap}#workcell-dialog .wc-top>.btn{font-size:12px}#workcell-dialog .wc-keyboard>.btn{font-size:11px}
@media(max-width:650px){#workcell-dialog .wc-steps button{font-size:9px}#workcell-dialog .wc-top>.btn{font-size:10px}}