/* Approved Library component sheets form decorative layers; all labels remain DOM text. */
:root{--bg:#111413;--panel:#202623;--panel2:#292e29;--line:#4e574c;--muted:#c1c6ba;--gold:#e6c891;--teal:#8bcec0}
body{background:radial-gradient(ellipse at 40% 0,#343a30,transparent 65%),#111413}.header{background:#171d19;border-color:#4c5348}.workspace{grid-template-columns:194px minmax(0,1fr)}main{padding:30px clamp(14px,2.1vw,38px);max-width:1900px}.sidebar{background:#151b17;border-color:#414b3e}.nav.active{background:#28342b}.snapshot-note{background:#1b2a24;border-color:#486558}
.console{padding:25px 20px 19px;background:#242622;border:2px solid #aaa491;border-radius:10px;box-shadow:inset 0 0 0 3px #393b33,inset 0 0 0 5px #96917c66,0 12px 35px #0009;margin-bottom:35px;isolation:isolate}
.console:before{opacity:.2;background-image:url('assets/panel.webp');background-size:1500px 750px;background-position:center;mix-blend-mode:luminosity}.console-heading{padding:0 8px;margin-bottom:20px}.console-heading h2{font-family:Georgia,serif;letter-spacing:.01em;font-size:1.45rem;color:#f0e8d5}.console-heading p:not(.eyebrow){color:#d5d7cc}.console-screw{background-image:url('assets/flaps.webp');background-size:1920% 1280%;background-position:5.4% 88%;width:12px;height:12px;border:0}.console-screw:after{display:none}.feed-health{border:1px solid #757867;background:#0e1711;color:#d7e4d6;margin:0 5px 17px;font-size:.73rem;box-shadow:inset 0 2px 8px #000c}
.console-columns,.console-module{grid-template-columns:63px 185px minmax(0,1fr) 144px;gap:13px}.console-columns{font-size:.6rem;letter-spacing:.15em;color:#d7cdb4;margin:0 15px 8px}.console-module{padding:17px 12px 15px;min-height:132px;margin:12px 0;border:1px solid #a4a08b;border-radius:7px;background:#3d4036;box-shadow:inset 0 1px 0 #e7e3c577,inset 0 -2px 3px #141811,0 3px 6px #000b;overflow:hidden}.console-module:before{content:'';position:absolute;inset:0;z-index:-1;background-image:url('assets/panel.webp');background-size:1300px 650px;background-position:center 44%;opacity:.8}.console-module>*{position:relative}.module-screw{display:none}
.signal-cell{gap:7px}.signal-cell>span:last-child{max-width:68px;color:#fff3d9;font-size:.6rem;font-weight:500;line-height:1.35;text-shadow:0 2px 3px #000}.bulb-holder{width:52px;height:52px;border:0;padding:0;border-radius:50%;background-image:url('assets/bulbs.webp');background-size:472.91% 225.52%;background-position:3.77% 40.25%;box-shadow:0 4px 6px #0009;filter:none;overflow:hidden}.bulb-holder.green{background-position:35.20% 40.25%}.bulb-holder.yellow{background-position:66.62% 40.25%}.bulb-holder.off{background-position:98.05% 40.25%}.bulb-holder.aged{filter:saturate(.82) brightness(.9)}.bulb-glass,.bulb-glass:before,.bulb-glass i{display:none}
.project-plate{width:100%;min-height:52px;border:0;border-radius:10px;padding:9px 22px;background-image:url('assets/nameplates.webp');background-size:108.94% 341.33%;background-position:50% 18.23%;background-color:#161916;box-shadow:0 3px 7px #000a;line-height:1.1;text-align:center;overflow:visible}.project-plate:before,.project-plate:after{display:none}.project-plate:hover{filter:brightness(1.13)}.raised-type{color:#ecdfb8;font-family:Impact,'Arial Narrow','Segoe UI',sans-serif;font-size:.91rem;font-weight:800;letter-spacing:.12em;text-shadow:0 -.7px #fffce1,0 1px #b3a786,0 2px #897955,1px 3px 1px #171810,2px 4px 4px #000;overflow-wrap:anywhere}.project-plate:active{transform:translateY(1px)}
.flap-readout{padding:9px 13px 10px;min-height:59px;border:0;border-radius:5px;background-image:url('assets/flaps.webp');background-size:109.71% 387.87%;background-position:50% 64.47%;background-color:#111512;box-shadow:0 3px 6px #000b;overflow:hidden}.flap-readout:before,.flap-readout:after,.flap-pin{display:none}.flap-track{display:flex;gap:1px;width:100%;height:36px;overflow:hidden;animation:none;perspective:500px}.flap-track>.flap-char{position:relative;display:block;flex:0 0 13px;width:13px;height:36px;border-radius:2px;padding:0;font:700 19px/36px 'Arial Narrow',Impact,Consolas,monospace;letter-spacing:0;color:#e1decd;text-shadow:0 1px 2px #000;background-image:url('assets/flaps.webp');background-size:426.66% 310.30%;background-position:9.18% 12.97%;box-shadow:1px 0 1px #000b;transform-style:preserve-3d}
.flap-char:after{content:'';position:absolute;left:1px;right:1px;top:50%;height:1px;background:#080b08;box-shadow:0 1px #d5d4bc22;z-index:5}.tile-top,.tile-bottom,.tile-leaf{position:absolute;display:block;inset:0;text-align:center;font:inherit;white-space:pre;pointer-events:none;backface-visibility:hidden}.tile-top{clip-path:inset(0 0 50% 0)}.tile-bottom{clip-path:inset(50% 0 0 0)}.tile-leaf{clip-path:inset(0 0 50% 0);transform-origin:center center;background-image:inherit;background-size:inherit;background-position:inherit;z-index:4}.flipping .tile-leaf{animation:flap-turn .55s cubic-bezier(.45,0,.8,1) var(--flip-delay) both}.ticker-readable{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.activity-meta{font-size:.61rem;gap:4px 9px;color:#f2efda;line-height:1.5;margin-top:8px}.freshness.stale{color:#ffe0a1}
.module-actions{gap:7px}.module-actions button{position:relative;min-height:42px;padding:7px 9px 7px 37px;border:1px solid #a39d84;border-radius:4px;background:linear-gradient(110deg,#444a3c,#292e24);box-shadow:inset 0 1px #dedabd44,0 2px 3px #0008;color:#f0e8ca;font-size:.67rem;line-height:1.35}.module-actions button:before{content:'';position:absolute;left:7px;top:calc(50% - 11px);width:22px;height:22px;border-radius:50%;background-image:url('assets/buttons.webp');background-size:426.66% 284.44%;background-position:10.72% 13.55%;box-shadow:0 2px 3px #0008}.module-actions button:active:before{background-position:50.59% 13.55%}.module-actions button:last-child:before{background-position:10.72% 82.83%}.module-actions button:last-child:active:before{background-position:50.59% 82.83%}.module-actions button:hover{background:linear-gradient(110deg,#535c47,#353c2f)}
.console-controls button{position:relative;min-height:44px;padding:7px 12px 7px 39px;border-color:#aaa38b;background:linear-gradient(#4d5746,#2b3528);font-size:.7rem;color:#f3e9ce}.console-controls button:before{content:'';position:absolute;left:8px;top:calc(50% - 11px);width:22px;height:22px;border-radius:50%;background-image:url('assets/buttons.webp');background-size:426.66% 284.44%;background-position:10.72% 13.55%;box-shadow:0 2px 3px #000a}#pause-activity:before{background-position:90.56% 82.83%}.console-controls button:active:before{background-position:50.59% 13.55%}.console-controls button:disabled:before{background-position:90.56% 13.55%}.console-key{font-size:.64rem;color:#e0deca}.paused .tile-leaf,.flap-readout:hover .tile-leaf,.flap-readout:focus-within .tile-leaf{animation-play-state:paused}
@keyframes flap-turn{0%{transform:rotateX(0)}75%{transform:rotateX(-100deg);filter:brightness(.55)}100%{transform:rotateX(-180deg);opacity:0}}
@media(min-width:1700px){.console-columns,.console-module{grid-template-columns:72px 218px minmax(0,1fr) 157px;gap:18px}.raised-type{font-size:1rem}.bulb-holder{width:58px;height:58px}}
@media(max-width:1200px){.workspace{grid-template-columns:170px minmax(0,1fr)}main{padding:24px 18px}.console{padding:21px 13px 16px}.console-module,.console-columns{grid-template-columns:54px 163px minmax(0,1fr);gap:10px}.console-columns>span:last-child{display:none}.module-actions{grid-column:2 / -1;display:flex;flex-direction:row;justify-content:flex-end;margin-top:-2px}.module-actions button{min-width:143px;min-height:40px}.raised-type{font-size:.83rem}.bulb-holder{width:45px;height:45px}.console-heading{flex-wrap:wrap}}
@media(max-width:850px){.workspace{display:block}.sidebar{min-height:0;padding:10px 14px;border-right:0;border-bottom:1px solid #505748}.sidebar>.eyebrow,.sidebar-note,.sidebar-footer{display:none}.sidebar nav{display:flex;gap:8px}.nav{width:auto;margin:0;padding:9px 12px}.nav span{display:none}main{padding:22px 14px}.console-module{grid-template-columns:51px 174px minmax(0,1fr)}.module-actions{grid-column:2 / -1}}
@media(max-width:700px){.header{padding:0 18px;height:67px}.console{padding:20px 12px 16px}.console-heading{margin:0 4px 16px;padding:0;gap:14px}.console-heading h2{font-size:1.25rem}.console-heading p:not(.eyebrow){font-size:.72rem}.console-controls{gap:9px}.console-controls button{font-size:.7rem;flex:1}.console-module{grid-template-columns:49px minmax(0,1fr);padding:15px 11px;margin:12px 0;gap:10px;min-height:198px}.project-plate{min-height:49px;padding:8px 27px}.raised-type{font-size:1rem;letter-spacing:.1em}.bulb-holder{width:43px;height:43px}.signal-cell>span:last-child{font-size:.55rem}.readout-cell{grid-column:1 / -1}.flap-readout{padding:9px 12px 10px;min-height:57px}.flap-track{height:34px}.flap-track>.flap-char{height:34px;font-size:18px;line-height:34px}.activity-meta{font-size:.58rem;gap:3px 9px}.module-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.module-actions button{min-width:0;min-height:44px;font-size:.66rem;text-align:left;padding-left:34px}.module-actions button:before{left:6px}.feed-health{margin:0 2px 14px;font-size:.68rem;padding:9px}.console-key{margin:15px 4px 0;font-size:.6rem}.console:before{background-size:900px 450px}.console-module:before{background-size:900px 450px}.console-columns{display:none}}
@media(prefers-reduced-motion:reduce){.flap-track{display:none}.flap-readout{background:#111713;border:2px solid #8d8b78;padding:10px 12px}.ticker-readable{position:static;width:auto;height:auto;clip-path:none;white-space:normal;display:block;font:600 .77rem/1.6 ui-monospace,Consolas,monospace;color:#f0ebd6}.tile-leaf{animation:none!important}.console-module{min-height:0}}