/* Unit 7 explorer and the cabinet-style operating panel. */
.popover-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.popover-actions #popover-more{width:auto}.popover-actions button{font-size:10px;min-height:32px;padding:5px 3px;white-space:normal}#sensor-fitment{display:block;font-size:8px;line-height:1.6;margin-top:7px;color:var(--muted)}#sensor-fitment[hidden]{display:none}.sensor-filter{margin:6px 15px;flex:none;border:1px solid var(--line);border-radius:6px;min-height:29px;font-size:11px;color:var(--ink)}.sensor-filter[aria-pressed=true]{background:#eed39a;color:#3b3320}
.page-scroll{position:fixed;left:max(7px,env(safe-area-inset-left));bottom:18vh;z-index:40;display:flex;flex-direction:column;gap:4px;padding:3px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 3px 14px #15232f26}.page-scroll button{width:34px;height:36px;min-height:36px;padding:0;border-radius:50%;font:20px Arial;color:var(--ink)}.page-scroll button:disabled{opacity:.28;cursor:default}.page-scroll button:focus-visible{outline:2px solid #b78e31;outline-offset:2px}
#cycle-card{border-top:1px solid var(--line);padding-top:10px;margin-top:9px}#cycle-card[hidden]{display:none}.cycle-legend{font-size:11px;color:var(--ink);margin-bottom:7px}#cycle-cylinders{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}#cycle-cylinders button{padding:5px 2px;border:1px solid var(--line);border-top:3px solid var(--cycle-color,#8397a2);border-radius:5px;min-height:40px;text-align:center;line-height:1.6;background:var(--card);color:var(--ink);font-size:9px}#cycle-cylinders button strong{display:block;font:600 12px monospace}#cycle-cylinders [data-stroke="0"]{--cycle-color:#ed772e}#cycle-cylinders [data-stroke="1"]{--cycle-color:#80909b}#cycle-cylinders [data-stroke="2"]{--cycle-color:#2bafd9}#cycle-cylinders [data-stroke="3"]{--cycle-color:#b39d51}#cycle-card>small{font-size:9px;line-height:1.7;display:block;margin-top:7px;color:var(--muted)}.visual-controls{flex-wrap:wrap;gap:8px}
@media(max-width:700px){#cycle-cylinders{grid-template-columns:repeat(3,minmax(0,1fr))}.page-scroll{bottom:14vh}.page-scroll button{width:34px;height:38px;min-height:38px}.visual-controls label{font-size:11px}}
.workspace{direction:ltr;display:grid;grid-template-columns:256px minmax(300px,1fr) 326px;grid-template-areas:'catalog stage control' 'detail stage control';grid-template-rows:490px minmax(280px,auto);min-height:770px;align-items:stretch}
html[dir=rtl] .workspace>*{direction:rtl}html[dir=ltr] .workspace>*{direction:ltr}
.catalog{grid-area:catalog;height:auto;max-height:none;min-height:0}.inspector{grid-area:detail;display:flex;flex-direction:column;max-height:470px;overflow:auto;min-height:0;border-top:1px solid var(--line)}.stage{grid-area:stage;min-height:770px;padding-top:590px}.stage #viewport{height:590px}.gesture-hint{top:569px}.inspector #detail{display:block}.empty-detail .outline-cube{font-size:45px}.empty-detail{padding:12px 18px}.empty-detail p{font-size:11px;margin-bottom:12px}.detail-head,.detail-body{padding:12px 16px}.accuracy-note{padding:11px 16px}.accuracy-note p{font-size:10px}.detail-head h3{font-size:17px}
.assembly-menu{display:flex;gap:8px;align-items:center;font-size:12px}.assembly-menu select{font-size:12px;max-width:270px}.workspace-nav{gap:12px;padding-block:6px;height:auto;min-height:46px}.assembly-note{position:absolute;top:61px;inset-inline:74px 16px;border:1px solid #caa858;background:#fff2d8eb;color:#64502d;border-radius:7px;padding:6px 9px;font-size:10px;pointer-events:none}.assembly-note:not([hidden])~#part-popover{top:110px}
.catalog-tabs{display:flex;margin:0 15px 8px;border:1px solid var(--line);border-radius:7px;padding:3px;gap:3px}.catalog-tabs button{font-size:11px;flex:1;min-height:31px;padding:4px}.catalog-tabs button.active{background:#eed39a;color:#3b3320}.catalog .panel-title{padding-block:15px 10px}#parts-browser,#atlas-browser{display:flex;flex-direction:column;flex:1;min-height:0}#parts-browser[hidden],#atlas-browser[hidden]{display:none}#part-list{min-height:0;overflow:auto;flex:1}.catalog .search{margin-block:0 7px}#atlas-section{margin:0 15px;font-size:11px;max-width:calc(100% - 30px)}#atlas-count{font-size:10px;color:var(--muted);padding:7px 17px}#atlas-list{overflow:auto;min-height:0;flex:1;padding:0 9px 8px}.atlas-row{border-bottom:1px solid var(--line);padding:3px 0}.atlas-row.active{background:#f7edda;border-radius:6px}.atlas-pick{display:block;text-align:start;width:100%;font-size:12px;padding:7px;line-height:1.55}.atlas-pick small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.atlas-row-tools{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted);padding:0 7px 5px}.atlas-row-tools button{font-size:10px;min-height:25px;padding:2px 5px}.atlas-subparts{display:flex;flex-wrap:wrap;gap:4px;padding:4px 8px 9px}.atlas-subparts button,.atlas-references button{border:1px solid var(--line);font-size:10px;min-height:26px;padding:3px 6px}.atlas-note{font-size:9px;padding:8px 16px;color:var(--muted);border-top:1px solid var(--line)}.atlas-references{margin-top:12px;display:flex;flex-wrap:wrap;gap:4px}.source-excerpt{white-space:pre-line;border-inline-start:3px solid #d6ae53;padding:12px 17px;background:#b79c6a10}.atlas-source-label{font-size:11px;color:var(--muted)}
.workspace .controller-panel{grid-area:control;padding:18px 16px;background:linear-gradient(110deg,#deb04c,#edc36b 48%,#d8a446);color:#232821;border:1px solid #a77e37;border-top:0;position:relative;max-height:none;box-shadow:inset 4px 0 8px #0000000b}.controller-title{display:flex;gap:12px;align-items:center;margin-bottom:16px}.controller-title h2{font-size:15px;margin:0 0 3px}.controller-title small{font-size:9px;opacity:.76;display:block}.panel-mark{background:#22282c;color:#fff;font:900 22px/1 Arial;padding:8px 7px;border-radius:3px;position:relative}.panel-mark:after{content:'';display:block;width:23px;height:6px;background:#eac052;clip-path:polygon(50% 0,100% 100%,0 100%);margin:0 auto}.panel-mark small{font:9px Arial;letter-spacing:2px;margin-top:5px;text-align:center;color:#edc56f}
.controller-bezel{background:linear-gradient(125deg,#30373b,#1c2328);border:5px solid #71797d;padding:17px 12px 13px;border-radius:5px;box-shadow:0 3px 4px #694e3266;position:relative}.bezel-screw{position:absolute;width:6px;height:6px;background:linear-gradient(135deg,#e1e6e8,#646c71);border-radius:50%;box-shadow:0 0 0 1px #111}.bezel-screw:after{content:'';display:block;width:4px;height:1px;background:#3b4145;transform:rotate(-40deg);margin:3px 1px}.s1{left:5px;top:5px}.s2{right:5px;top:5px}.s3{left:5px;bottom:5px}.s4{right:5px;bottom:5px}.display-brand{font:700 10px/1.4 Arial;letter-spacing:1px;color:#d0d6d9;margin-bottom:12px;display:flex;justify-content:space-between}.display-brand span{font-size:8px;letter-spacing:0;color:#909b9f}.controller-screen{background:linear-gradient(135deg,#bdcca1,#cdd9b5);color:#273d2f;padding:11px 10px 8px;border:3px solid #11191c;border-radius:3px;box-shadow:inset 2px 2px 7px #2637224a}.controller-screen .console-heading{margin-bottom:9px;border-bottom:1px solid #7c936780;padding-bottom:8px;color:#385139;font-size:9px}.controller-screen .console-heading strong{font-size:11px;color:#273d2f}.controller-screen .console-heading>span{display:block;font:9px monospace}.controller-screen .gauges{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.controller-screen .gauge{padding:7px 5px 9px;border:0;border-bottom:1px solid #7c93675c}.controller-screen .gauge:nth-child(odd){border-inline-end:1px solid #7c93675c}.controller-screen .gauge-label{font-size:10px;color:#39573d;margin-bottom:3px}.controller-screen .gauge-value{font:700 26px/1.1 'Courier New',monospace;letter-spacing:-1px;color:#213b2a}.controller-screen .gauge-unit{font:9px monospace;color:#3a563c;margin-inline-start:4px}.controller-screen .gauge-track{height:2px;background:#94a97c77;margin-top:5px}.controller-screen .gauge-track i{background:#456240}.screen-footer{display:flex;justify-content:space-between;font-size:8px;margin-top:8px;color:#496345}
.controller-panel .run-controls{display:flex;width:auto;gap:19px;justify-content:center;margin-top:16px}.physical-control{display:flex;flex-direction:column;align-items:center;gap:6px;color:#c9d1d4;font-size:9px;min-width:50px}.physical-control:has(#reset-fault[hidden]){display:none}.controller-panel .physical-button{width:43px;height:43px;min-height:43px;padding:0;border:3px solid #c4cccb;border-radius:50%;font:18px Arial;box-shadow:0 0 0 2px #10171a,0 4px 5px #0007,inset 0 2px 3px #ffffff70;text-shadow:0 1px 1px #0007}.controller-panel .run-green{background:radial-gradient(at 35% 25%,#4ecc85,#178148);color:white}.controller-panel .stop-red{background:radial-gradient(at 35% 25%,#ef776a,#b42e29);color:white}.controller-panel .reset-amber{background:radial-gradient(at 35% 25%,#f7d975,#cf9d2e);color:#443717}.physical-button:disabled{opacity:.55;filter:saturate(.6)}.controller-panel button:active:not(:disabled){transform:translateY(2px)}.controller-panel button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cabinet-switchgear{margin-top:17px;background:#252b2d;border:2px solid #9d8457;border-radius:4px;padding:17px 10px 13px;display:grid;grid-template-columns:1fr 1fr;gap:10px;color:#e9e8df;box-shadow:inset 0 0 0 1px #000}.emergency-block,.breaker-block{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.controller-panel .mushroom{border:8px solid #e9c43d;border-radius:50%;background:radial-gradient(at 35% 20%,#f25245,#bd221c 70%);color:#fff;width:69px;height:69px;padding:0;box-shadow:inset 0 -5px 3px #6f1415,0 4px 5px #0009;font:bold 11px Arial;margin-bottom:4px}.emergency-block strong{font-size:10px}.emergency-block small,.breaker-block small{font-size:8px;color:#aeb8b9;line-height:1.6}.switch-scale{font:10px monospace;color:#b4b9b6}.breaker-switch{border:2px solid #626869;border-radius:4px!important;background:#11191c!important;color:#cfd6d5;font-size:9px;padding:5px;min-height:63px;min-width:93px}.breaker-switch:before{content:'';display:block;width:26px;height:26px;margin:0 auto 5px;border-radius:3px;border:1px solid #919894;background:linear-gradient(#757d79 0 35%,#444c49 40% 65%,#bcc4be 70%);box-shadow:0 2px 5px #000}.breaker-switch[aria-pressed=false]:before{transform:rotate(180deg);filter:brightness(.6)}
.controller-adjust{padding:16px 3px 0}.controller-adjust>label{display:flex;justify-content:space-between;font-size:12px}.controller-adjust output{font:600 13px monospace}.controller-adjust>input{width:100%;accent-color:#3d4846;margin:10px 0 15px}.controller-panel .speed-controls{justify-content:space-between;margin:0;gap:5px;width:100%}.controller-panel .speed-controls button,.controller-panel .speed-controls select,.controller-panel #mute-toggle{font-size:10px;border:1px solid #8b754b;background:#eccc88;color:#3b362b;border-radius:5px;min-height:31px}.controller-panel .audio-controls{margin-top:10px;padding-top:10px;border-color:#ab894b;gap:8px;font-size:10px}.controller-panel .audio-controls #audio-status{color:#314d31;font-size:10px;width:100%}.controller-panel .audio-controls #smoke-status{font-size:9px;color:#5b4d32}.controller-note{font-size:9px;line-height:1.7;color:#665335;margin:10px 0 0}
[data-theme=dark] .workspace .controller-panel{background:linear-gradient(110deg,#9f7733,#c69a48);color:#1d2525}[data-theme=dark] .controller-screen .gauge-label{color:#39573d}[data-theme=dark] .controller-screen .console-heading strong{color:#273d2f}[data-theme=dark] .controller-screen .gauge-track{background:#94a97c77}[data-theme=dark] .controller-panel .audio-controls #audio-status{color:#16371d}[data-theme=dark] .atlas-row.active{background:#49402e}[data-theme=dark] .assembly-note{background:#4b402deb;color:#edcf8e}
@media(min-width:1650px){.workspace{grid-template-columns:290px minmax(400px,1fr) 355px}.stage{padding-top:640px}.stage #viewport{height:640px}.gesture-hint{top:619px}}
@media(max-width:1120px){.workspace{grid-template-columns:minmax(0,1fr) 310px;grid-template-areas:'stage control' 'catalog control' 'detail detail';grid-template-rows:auto 360px auto}.stage{min-height:660px;padding-top:500px}.stage #viewport{height:500px}.gesture-hint{top:479px}.catalog{height:360px;max-height:360px}.inspector{max-height:350px}.workspace-label{display:none}.assembly-menu select{max-width:240px}.controller-panel{align-self:start;min-height:100%}}
@media(max-width:700px){.workspace{display:flex;flex-direction:column;min-height:0}.stage{order:0;min-height:630px;padding-top:470px;height:auto}.stage #viewport{height:470px}.gesture-hint{top:449px}.controller-panel{order:1;width:100%;max-width:none}.workspace .controller-panel{padding:19px 25px}.catalog{order:2;height:440px;max-height:440px}.inspector{order:3;max-height:none}.inspector #detail{display:block}.part-list{display:block}.controller-bezel{max-width:430px;margin:auto}.controller-title,.cabinet-switchgear,.controller-adjust{max-width:430px;margin-inline:auto}.controller-screen .gauge-value{font-size:29px}.controller-screen .gauge{padding:9px 12px}.workspace-nav{flex-wrap:wrap;justify-content:center;gap:3px}.assembly-menu{justify-content:space-between;width:100%;font-size:11px}.assembly-menu select{max-width:78%;flex:1}.config{margin-inline:auto;justify-content:center;font-size:10px;padding:2px}.assembly-note{font-size:9px;inset-inline:66px 10px}.catalog-footer{display:flex}.empty-detail{display:block}.empty-detail p{display:block}.controller-panel .run-controls{gap:30px}.inspector .accuracy-note{display:flex}}

.catalog-shortcuts{display:grid;grid-template-columns:1.4fr 1fr;gap:5px;margin:6px 15px}.catalog-shortcuts .sensor-filter{margin:0;font-size:10px;line-height:1.5;padding:5px;min-height:38px}