.lab-page{--lab-ink:#283b40;--lab-paper:#f3efe3;--lab-accent:#d26747;--lab-line:#7b8d8b40;min-height:100dvh;background:var(--lab-paper);color:var(--lab-ink);font-family:"PingFang SC","Microsoft Yahei",sans-serif}.lab-page *{box-sizing:border-box}.lab-page button,.lab-page input{font:inherit}.lab-page a{color:inherit}.lab-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px max(22px,calc((100vw - 1260px)/2));border-bottom:1px solid var(--lab-line);font-size:12px}.lab-nav a{text-decoration:none;min-height:40px;display:flex;align-items:center}.lab-brand{font:900 24px Arial!important;letter-spacing:-1px}.lab-brand span{font:700 13px sans-serif;margin-left:7px;padding:3px 5px;background:var(--lab-accent);color:var(--lab-paper)}.lab-shell{max-width:1260px;margin:auto;padding:40px 32px 0}.lab-kicker{font:11px monospace;letter-spacing:.16em;margin:0 0 18px;opacity:.68}.lab-intro h1{font:900 clamp(40px,6.3vw,86px)/.93 Arial,sans-serif;letter-spacing:-.06em;position:relative;margin:0 0 21px;max-width:900px}.lab-intro h1 span{color:var(--lab-accent)}.lab-intro h1 i{font:italic 34px Georgia;letter-spacing:0;margin-left:25px;vertical-align:middle;opacity:.55}.lab-deck{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:30px}.lab-deck h2{font-size:21px;letter-spacing:-.025em;margin:0}.lab-deck p{max-width:450px;font-size:13px;line-height:1.8;margin:0;opacity:.72}.lab-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.lab-stage-shell{min-width:0}.lab-scene{position:relative;overflow:hidden;border-radius:4px;background:#b5c2b8;isolation:isolate}.lab-scene canvas{display:block;width:100%;height:auto;touch-action:pan-y}.lab-stage-top,.lab-stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px monospace;padding:13px 1px;letter-spacing:.05em;min-height:44px}.lab-stage-top>span:first-child{display:flex;align-items:center;gap:7px}.lab-stage-bottom>span{line-height:1.6}.lab-led{height:5px;width:5px;border-radius:50%;background:var(--lab-accent);display:inline-block}.lab-help{background:none;border:0;border-bottom:1px solid var(--lab-line);color:inherit;font-size:11px!important;min-width:52px;min-height:40px;cursor:pointer}.lab-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 16px;border:1px solid var(--lab-line);background:transparent;color:inherit;border-radius:3px;text-decoration:none;font-size:13px!important;line-height:1.45;font-weight:600!important;cursor:pointer;transition:background .15s,transform .1s}.lab-btn:hover{background:#7d8d8b14}.lab-btn:active{transform:translateY(1px)}.lab-btn:disabled{opacity:.37;cursor:default;transform:none}.lab-btn.primary{background:var(--lab-accent);color:#fff6e5;border-color:var(--lab-accent)}.lab-btn.dark{background:var(--lab-ink);color:var(--lab-paper)}.lab-btn.wide{width:100%;margin-top:13px}.lab-btn.subtle{border-color:transparent;font-weight:400!important;text-decoration:underline;text-underline-offset:4px}.lab-btn:focus-visible,.office-hotspot:focus-visible,.lab-page a:focus-visible,.lab-page summary:focus-visible{outline:3px solid #dfb743;outline-offset:4px}.lab-page input:focus-visible{outline:2px solid var(--lab-accent);outline-offset:2px}.lab-notice{font-size:13px;line-height:1.8;min-height:25px;margin:22px 0 0}.lab-notice:empty{margin:0;min-height:0}.lab-footer{max-width:1260px;margin:40px auto 0;padding:25px 32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;border-top:1px solid var(--lab-line);font-size:11px;opacity:.7}.lab-footer button{border:0;background:transparent;color:inherit;font-size:11px;cursor:pointer}.lab-fold{margin-top:25px;border-top:1px solid var(--lab-line);padding-top:17px;font-size:12px;line-height:1.8}.lab-fold summary{cursor:pointer;min-height:32px}.lab-fold p{opacity:.75;margin:12px 0}.lab-title-field{display:flex;flex-direction:column;gap:8px;margin:23px 0;font-size:12px}.lab-title-field input{padding:11px 12px;width:100%;border:1px solid var(--lab-line);border-radius:2px;background:transparent;color:inherit;font-size:14px}.lab-receipt{border:1px solid var(--lab-line);padding:25px 23px;border-radius:3px}.lab-receipt>span{font:10px monospace;letter-spacing:.14em;opacity:.65}.lab-receipt h3{font-size:26px;line-height:1.5;margin:20px 0;letter-spacing:-.04em}.lab-receipt p{font-size:13px;line-height:1.9}.lab-share-row{display:flex;flex-direction:column;gap:10px;margin-top:12px}.lab-stat-line{font:13px monospace;line-height:1.8;margin:18px 0}.lab-two,.lab-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.lab-two>.lab-btn{flex:1;padding-inline:7px}.lab-chips>.lab-btn{min-height:39px;font-size:11px!important;padding:8px 10px;font-weight:400!important}.lab-chips>.chosen{background:var(--lab-ink);color:var(--lab-paper)}.lab-quiet{display:block;font-size:11px;line-height:1.8;opacity:.65;margin-top:13px}.lab-download-preview{display:block;width:100%;height:auto;margin:15px 0}.lab-progress-note{font-size:13px;line-height:1.8}
.office-lab{--lab-paper:#18233c;--lab-ink:#eee9cf;--lab-accent:#b4c6ed;--lab-line:#a9bdd635}.office-lab .lab-nav{background:#162039}.office-lab .lab-brand span{background:#cbd8ed;color:#202d48}.office-lab .lab-intro h1{color:#ece9d6}.office-lab .lab-intro h1 span{color:#b4c6ed}.office-lab .lab-btn.primary{background:#e8db9e;color:#293650;border-color:#e8db9e}.office-lab .lab-btn.dark{background:#33445f;color:#e9ecd9;border-color:#596882}.office-lab .lab-chips>.chosen{background:#afbfdd;color:#15233e}.office-lab .lab-deck h2{color:#e4e6d8}.office-console{border-top:1px solid var(--lab-line);padding-top:16px}.lab-console-head{display:flex;justify-content:space-between;font-size:12px;margin:0 0 15px}.lab-console-head b{font:12px monospace;color:#acc2dd}.office-track-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.office-track{display:flex;align-items:stretch;background:#202d48;border:1px solid #53668138;border-radius:3px;min-width:0}.office-track.is-on{background:color-mix(in srgb,var(--object) 12%,#202d48);border-color:color-mix(in srgb,var(--object) 56%,transparent)}.track-toggle{border:0!important;justify-content:flex-start;gap:8px!important;min-width:0;padding:10px 8px!important;flex:1}.track-number{font:10px monospace;opacity:.5}.track-toggle b{font-size:12px;display:block;white-space:nowrap}.track-toggle small{display:block;font-size:9px;font-weight:400;opacity:.5;text-align:left;margin-top:4px}.track-toggle i{font-size:12px;color:var(--object);font-style:normal;margin-left:auto}.track-edit{font-size:9px!important;border:0!important;border-left:1px solid #53668138!important;padding:8px 5px!important;writing-mode:vertical-rl;font-weight:400!important;opacity:.6}.office-pattern{margin-top:22px;font-size:12px}.office-pattern>span{color:#b8c8df}.office-transport{display:flex;gap:10px;margin-top:14px}.office-transport>.lab-btn{flex:1}.lab-stage-hint{font-size:12px;line-height:1.8;opacity:.65;margin:15px 0}.office-hotspots{position:absolute;inset:0}.office-hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);min-height:35px;padding:5px 7px;background:#142039d9;color:#e9e5d0;border:1px solid #7c91b04d;border-radius:20px;display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px!important;cursor:pointer;box-shadow:0 3px 10px #0a142f44}.office-hotspot i{font:12px monospace;color:var(--object);font-style:normal}.office-hotspot.on{background:#293b53;border-color:var(--object);color:var(--object)}.office-arrangement{display:flex;gap:6px;margin:21px 0}.office-arrangement>span{flex:1;min-width:0;font-size:10px;opacity:.48}.office-arrangement>span:nth-child(2),.office-arrangement>span:nth-child(4){flex:2}.office-arrangement i{height:5px;background:#5d728d;display:block;margin-bottom:8px;border-radius:2px}.office-arrangement b{font-weight:400;white-space:nowrap}.office-arrangement .active{opacity:1}.office-arrangement .active i{background:#e8db9e}.lab-result-title{font-size:23px;font-weight:600;margin:24px 0 9px}.office-stems{display:flex;gap:7px;flex-wrap:wrap}.office-stems>span{font-size:11px;border:1px solid var(--object);color:var(--object);border-radius:20px;padding:6px 9px}
.clone-lab .lab-intro h1{font-size:clamp(40px,6.3vw,80px);line-height:1.02}.clone-lab .lab-intro h1 i{font-style:normal;font-size:26px;color:#a58d54}.clone-shifts{display:flex;gap:10px;margin:0 0 22px}.clone-shifts>span{flex:1;display:flex;align-items:center;gap:10px;border-top:3px solid #8eaaa52e;padding:13px 0 4px;opacity:.5}.clone-shifts .current{border-color:var(--shift);opacity:1}.clone-shifts i{font:12px monospace;color:var(--shift)}.clone-shifts b{font-size:14px}.clone-shifts small{font-size:10px;margin-left:auto}.clone-brief{padding:24px;border:1px solid #9eada54d;background:#eeeada;border-radius:3px}.clone-brief>span{font-size:11px;letter-spacing:.08em;color:#7a8a79}.clone-brief h3,.clone-current h3{font-size:28px;margin:14px 0;letter-spacing:-.045em;line-height:1.45}.clone-brief p,.clone-current p{font-size:13px;line-height:1.8;opacity:.76}.clone-brief ol{list-style:none;padding:0;margin:20px 0 25px;counter-reset:shift}.clone-brief li{counter-increment:shift;position:relative;padding:0 0 17px 35px}.clone-brief li:before{content:counter(shift);position:absolute;left:0;top:0;font:20px Georgia;color:#b07e50}.clone-brief li b{display:block;font-size:14px}.clone-brief li span{display:block;font-size:12px;margin-top:7px;opacity:.7}.clone-brief small{display:block;font-size:11px;opacity:.65;margin-top:14px;text-align:center}.clone-current>span{font-size:12px;opacity:.6}.clone-order{padding:15px 12px;background:#e7e4d4;border-left:3px solid #d09b6b;font-size:13px;margin:19px 0}.clone-order>span{float:right;font:12px monospace}.clone-shift-actions{display:flex;gap:8px;border-top:1px solid var(--lab-line);padding-top:18px;margin-top:23px}.clone-shift-actions>.lab-btn{flex:1}.lab-table-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.clone-time{height:4px;background:#bac7b7}.clone-time i{height:4px;display:block;background:#b8704f;max-width:100%}.clone-live-orders{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.clone-live-orders>span{border:1px solid var(--lab-line);border-radius:2px;font-size:11px;line-height:1.7;padding:10px 8px;background:#eae8d9}.clone-live-orders b{display:block;font:18px Georgia;margin-bottom:4px;color:#8d7960}.clone-live-orders i{display:block;font-size:10px;font-style:normal;opacity:.65}.clone-live-orders .served{background:#d2dfc5;border-color:#a7b697}.clone-results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-block:1px solid var(--lab-line);padding:21px 0}.clone-results b{display:block;font:32px Georgia}.clone-results b small{font-size:17px;opacity:.5}.clone-results span{display:block;font-size:10px;margin-top:8px;opacity:.7}
@media(min-width:1000px){.office-lab .lab-intro{display:grid;grid-template-columns:1fr 360px;align-items:end;column-gap:40px}.office-lab .lab-kicker{grid-column:1/-1}.office-lab .lab-deck{display:block;margin:0 0 22px}.office-lab .lab-deck p{margin-top:12px}.office-lab .lab-intro h1 br{display:none}.office-lab .lab-intro h1{font-size:66px;max-width:760px}.lab-side{padding-top:44px}}
@media(max-width:760px){.lab-nav{padding:10px 18px}.lab-shell{padding:27px 19px 0}.lab-intro h1{font-size:49px;margin-bottom:18px}.lab-intro h1 i{font-size:27px;margin-left:17px}.lab-kicker{font-size:9px;margin-bottom:15px}.lab-deck{display:block;margin-bottom:16px}.lab-deck h2{font-size:18px}.lab-deck p{margin-top:8px;font-size:12px}.lab-workspace{grid-template-columns:1fr;gap:22px}.lab-stage-shell{min-width:0}.lab-scene{margin-inline:-19px;border-radius:0}.office-hotspot{font-size:9px!important;min-height:30px;padding:3px 5px;gap:3px}.office-hotspot span{max-width:50px}.office-transport>.lab-btn{font-size:12px!important;padding-inline:9px}.lab-stage-bottom,.lab-stage-top{font-size:9px}.office-track-list{grid-template-columns:repeat(2,1fr)}.track-toggle{padding:12px!important;min-height:60px}.track-toggle b{font-size:14px}.track-toggle small{font-size:10px}.track-edit{writing-mode:horizontal-tb;padding:8px!important}.office-console{padding-top:18px}.lab-footer{padding:24px 19px;margin-top:28px;font-size:10px}.clone-lab .lab-intro h1{font-size:43px}.clone-shifts{gap:12px;margin-bottom:9px}.clone-shifts>span{display:grid;grid-template-columns:20px 1fr;gap:5px;padding-top:9px}.clone-shifts b{font-size:13px}.clone-shifts small{grid-column:2;font-size:9px;margin-left:0}.clone-live-orders{gap:5px;margin-top:7px}.clone-live-orders>span{font-size:10px;padding:8px 6px}.clone-live-orders b{font-size:16px}.clone-live-orders i{font-size:9px}.clone-brief{padding:20px}.clone-current h3{font-size:24px;margin:8px 0}.clone-current p{margin:8px 0}.clone-order{margin:13px 0}.lab-receipt{padding:22px}.lab-scene canvas{touch-action:pan-y}.lab-side{min-width:0}}
@media(max-width:355px){.lab-intro h1{font-size:43px}.clone-lab .lab-intro h1{font-size:37px}.clone-lab .lab-intro h1 i{font-size:19px;margin-left:8px}.office-hotspot{font-size:8px!important;padding:3px 4px}.track-edit{padding-inline:5px!important}.track-toggle{padding:10px 8px!important;gap:5px!important}.track-toggle b{font-size:12px}.lab-nav{font-size:11px}.lab-brand{font-size:22px!important}}
@media(prefers-reduced-motion:reduce){.lab-page *{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:760px){.clone-lab[data-lab-playing="true"] .lab-intro{display:none}.clone-lab[data-lab-playing="true"] .lab-shell{padding-top:7px}.clone-lab[data-lab-playing="true"] .clone-live-orders{display:none}.clone-lab[data-lab-playing="true"] .lab-workspace{gap:7px}.clone-lab[data-lab-playing="true"] .clone-current{display:none}.clone-lab[data-lab-playing="true"] .lab-stage-top{min-height:30px;padding:6px 0}.clone-lab[data-lab-playing="true"] .lab-stage-bottom{min-height:34px;padding:0}.clone-lab[data-lab-playing="true"] .lab-help{min-height:32px}.clone-lab[data-lab-playing="true"] .clone-order{margin-top:5px}.clone-lab[data-lab-playing="true"] .clone-shift-actions{margin-top:12px;padding-top:12px}}

@media(max-width:760px){.office-lab .lab-intro h1{font-size:clamp(32px,10.5vw,44px)}.office-lab .lab-intro h1 span{white-space:nowrap}.office-lab .lab-intro h1 i{font-size:20px;margin-left:9px}}
