*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #071012;--frame: #41555a;--frame-mid: #596f73;--frame-light: #789294;--frame-dark: #24353a;--frame-deep: #17262a;--fg: #9fd4bc;--fg-dim: #5e8779;--green: #8ce0ba;--green-bright: #beffdc;--red: #db6473;--red-dim: #7d3240;--amber: #d2ad78;--cyan: #8bb4bf;--screen-bg: #050b0d;--screen-glow: rgba(120, 220, 180, .08);--panel-shadow: inset 0 0 0 1px rgba(8, 14, 16, .9), inset 0 0 24px rgba(0, 0, 0, .45)}html,body{width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(36,58,56,.45),transparent 45%),linear-gradient(180deg,#060b0d,#050809);color:var(--fg);font-family:Courier New,monospace;image-rendering:pixelated}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.015),transparent 35%,transparent 65%,rgba(255,255,255,.015)),radial-gradient(circle at center,transparent 60%,rgba(0,0,0,.32));pointer-events:none}#app{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;padding:10px}.console-frame{width:min(96vw,1450px);height:min(95vh,860px);display:flex;position:relative;background:linear-gradient(180deg,#61797e,#45585d 14%,#3a4d52);border:2px solid var(--frame-light);box-shadow:inset 0 0 0 2px var(--frame-dark),inset 0 0 0 5px #8ca4a51f,0 24px 90px #000000c7}.console-frame:before,.console-frame:after{content:"";position:absolute;left:46px;right:46px;height:3px;background:linear-gradient(90deg,transparent,rgba(190,214,211,.25),transparent);z-index:2}.console-frame:before{top:28px}.console-frame:after{bottom:14px}.panel-frame{position:relative;border:1px solid rgba(152,177,176,.5);background:linear-gradient(180deg,#67808314,#0b13160d),var(--frame-deep);box-shadow:var(--panel-shadow)}.panel-frame:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(111,143,144,.18);pointer-events:none}.ticker-bar{position:absolute;top:4px;left:52px;right:52px;height:20px;display:flex;align-items:center;gap:8px;padding:0 8px;border:1px solid rgba(150,175,177,.55);background:linear-gradient(180deg,#172528fa,#091012fa);z-index:5}.ticker-bar:before,.ticker-bar:after{content:"";position:absolute;top:3px;width:26px;height:12px;border:1px solid rgba(120,150,154,.45)}.ticker-bar:before{left:-34px}.ticker-bar:after{right:-34px}.ticker-caps,.ticker-text,.mini-digits,.micro-label,.bank-title,.monitor-header,.monitor-label-bottom,.monitor-sidebar-data,.status-line,.module-tag,.screen-footer,.readout-header,.micro-panel-head,.bus-readout,.text-led-bank,.panel-topline,.viewport-bottomline{letter-spacing:1.1px;text-transform:uppercase}.ticker-caps{font-size:9px;color:var(--amber);opacity:.88;white-space:nowrap}.ticker-text{flex:1;font-size:9px;color:var(--fg);white-space:nowrap;overflow:hidden;opacity:.92}.side-bezel{width:46px;min-width:46px;padding:28px 6px 8px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#566f73,#465a5f);border-right:1px solid rgba(168,190,191,.42)}.right-bezel{border-right:0;border-left:1px solid rgba(168,190,191,.42)}.bezel-module{position:relative;min-height:28px;border:1px solid rgba(159,183,184,.52);background:linear-gradient(180deg,#1f3237d1,#142024e6);box-shadow:inset 0 0 0 1px #070a0c99}.bezel-module.tall{flex:1;min-height:120px}.bezel-module.accent{min-height:22px;background:linear-gradient(90deg,#6f9a961f,#223235cc),linear-gradient(180deg,#142024eb,#0b1315eb)}.bezel-module.has-slots:before,.bezel-module.has-grid:before,.bezel-module.has-ruler:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px}.bezel-module.has-slots:before{background:repeating-linear-gradient(180deg,rgba(157,192,186,.14) 0 2px,transparent 2px 7px),linear-gradient(90deg,transparent 0 30%,rgba(195,224,218,.18) 30% 40%,transparent 40% 100%)}.bezel-module.has-grid:before{background:repeating-linear-gradient(90deg,rgba(165,196,194,.12) 0 1px,transparent 1px 5px),repeating-linear-gradient(180deg,rgba(165,196,194,.12) 0 1px,transparent 1px 5px)}.bezel-module.has-ruler:before{background:repeating-linear-gradient(180deg,rgba(176,205,201,.18) 0 1px,transparent 1px 8px),linear-gradient(90deg,rgba(177,207,205,.28) 0 2px,transparent 2px 100%)}.module-tag{position:absolute;bottom:3px;right:3px;font-size:6px;color:var(--amber);opacity:.8}.module-greeble-row{position:absolute;top:3px;left:3px;display:flex;gap:2px}.module-greeble-row span{width:6px;height:4px;background:#55727580;border:1px solid rgba(135,160,160,.4)}.module-leds{position:absolute;top:4px;right:4px;display:flex;gap:2px}.module-sub-panel{position:absolute;top:8px;left:4px;display:flex;flex-direction:column;gap:3px}.module-sub-panel.right{left:auto;right:4px}.sub-line{width:14px;height:2px;background:#5e877966}.sub-line.thin{height:1px;width:10px;background:#91b9b54d}.module-dots{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:3px}.module-dots.vertical{flex-direction:column}.module-dots span{width:3px;height:3px;border-radius:50%;background:#a0beb999}.main-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:4px;padding:28px 6px 8px;overflow:hidden}.viewport-shell{flex:1 1 auto;min-height:0;padding:6px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#687c802e,#1a272b0f),linear-gradient(180deg,#314348,#26373b)}.panel-topline,.viewport-bottomline{min-height:22px;display:flex;align-items:center;gap:8px;padding:0 8px;border:1px solid rgba(125,152,154,.36);background:#0e171aa6;font-size:8px;color:var(--fg-dim)}.micro-stack,.sub-led-bank,.text-led-bank{display:flex;align-items:center;gap:4px}.micro-led{width:5px;height:5px;border:1px solid rgba(160,189,183,.4);background:#37544d85;box-shadow:inset 0 0 0 1px #00000073}.micro-led.on{background:#91ecbfe6;box-shadow:0 0 7px #78e6b459}.micro-led.amber{background:#d3a967d1;box-shadow:0 0 7px #e0a05533}.micro-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-digits{color:var(--amber);white-space:nowrap}.viewport-section{position:relative;flex:1;min-height:0;overflow:hidden;background:linear-gradient(180deg,rgba(39,56,61,.12),transparent 10%,transparent 90%,rgba(39,56,61,.14)),#000;border:1px solid rgba(145,170,172,.58);box-shadow:inset 0 0 0 3px #0b1214cc,inset 0 0 0 5px #5c6f7359,inset 0 0 60px #000000bf;clip-path:polygon(3.8% 0,96.2% 0,100% 9.5%,100% 100%,0 100%,0 9.5%)}.viewport-section:before{content:"";position:absolute;top:12px;right:16px;bottom:8px;left:16px;border:1px solid rgba(118,146,147,.14);pointer-events:none;clip-path:polygon(4.1% 0,95.9% 0,100% 9%,100% 100%,0 100%,0 9%)}.viewport-section:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(173,200,202,.1);clip-path:polygon(4.2% 0,95.8% 0,100% 9.4%,100% 100%,0 100%,0 9.4%);pointer-events:none}#viewport-canvas,.monitor-bezel canvas,.readout-bottom canvas,.small-display canvas,.micro-panel canvas{width:100%;height:100%;display:block}.viewport-rail{position:absolute;top:18px;bottom:18px;width:14px;z-index:3;display:flex;flex-direction:column;justify-content:space-between}.viewport-rail.left{left:7px}.viewport-rail.right{right:7px}.viewport-rail span{display:block;height:8px;border:1px solid rgba(121,148,149,.28);background:#243a3d6b}.viewport-rail span.long{height:36px;background:repeating-linear-gradient(180deg,rgba(173,207,200,.14) 0 2px,transparent 2px 7px),#243a3d6b}.viewport-top-brackets{position:absolute;top:7px;left:50%;transform:translate(-50%);display:flex;gap:20px;z-index:3}.viewport-top-brackets div{width:56px;height:7px;border:1px solid rgba(119,149,151,.36);background:#27383d80}.viewport-top-brackets div.small{width:24px}.viewport-frame-cuts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.viewport-frame-cuts .cut{position:absolute;top:-1px;width:84px;height:34px;background:linear-gradient(180deg,#4f656a57,#1c292dbd);border:1px solid rgba(139,169,171,.4)}.viewport-frame-cuts .cut.left{left:-1px;clip-path:polygon(0 0,100% 0,0 100%)}.viewport-frame-cuts .cut.right{right:-1px;clip-path:polygon(0 0,100% 0,100% 100%)}.viewport-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.viewport-corner{position:absolute;width:26px;height:26px;border-color:#82a0a157;border-style:solid}.viewport-corner.tl{top:12px;left:20px;border-width:1px 0 0 1px}.viewport-corner.tr{top:12px;right:20px;border-width:1px 1px 0 0}.viewport-corner.bl{bottom:20px;left:20px;border-width:0 0 1px 1px}.viewport-corner.br{bottom:20px;right:20px;border-width:0 1px 1px 0}.viewport-notch{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:188px;height:22px;display:flex;align-items:flex-start;justify-content:center;gap:8px;padding-top:4px;border:1px solid rgba(127,153,154,.42);border-bottom:0;background:linear-gradient(180deg,#26383cf5,#101b1df5)}.notch-tab{width:22px;height:6px;border:1px solid rgba(122,149,149,.42);background:#66918c33}.notch-tab.wide{width:54px;background:repeating-linear-gradient(90deg,rgba(164,205,193,.16) 0 3px,transparent 3px 8px),#66918c33}.viewport-target{position:absolute;top:56px;right:84px;width:74px;height:42px}.viewport-target span{position:absolute;border-color:#88bfb92e;border-style:solid}.viewport-target span:nth-child(1){top:0;right:0;bottom:0;left:0;border-width:1px 0 0 1px}.viewport-target span:nth-child(2){top:8px;right:10px;bottom:8px;left:10px;border-width:0 1px 1px 0}.viewport-target span:nth-child(3){top:20px;left:0;right:0;border-top-width:1px}.telemetry-card{position:absolute;right:30px;bottom:34px;padding:5px 8px;border:1px solid rgba(115,144,143,.26);background:#080d0f8c;font-size:7px;line-height:1.45;color:var(--fg-dim)}.viewport-horizon-stack{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;gap:6px;align-items:center}.viewport-horizon-stack span{display:block;width:20px;height:5px;border:1px solid rgba(121,149,151,.34);background:#3d54585c}.viewport-horizon-stack span.long{width:74px;background:repeating-linear-gradient(90deg,rgba(174,208,201,.14) 0 4px,transparent 4px 8px),#3d54585c}.micro-buttons,.micro-ladder,.sub-ticks,.status-meter-row,.slot-strip,.tower-switches{display:flex;align-items:center;gap:4px}.micro-buttons span,.micro-ladder span,.sub-ticks span,.status-meter-row span,.slot-strip span,.tower-switches span{display:block;width:10px;height:5px;border:1px solid rgba(135,160,160,.3);background:#30464a61}.micro-buttons span.active,.micro-ladder span.active,.status-meter-row span.on,.tower-switches span.on{background:#91ecbfb8;box-shadow:0 0 8px #74e4b140}.status-meter-row span.warn{background:#cb905cbf}.bus-readout{flex:1;font-size:8px;color:var(--fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instrument-panel{flex:0 0 198px;min-height:198px;display:flex;gap:4px;overflow:hidden}.instrument{min-width:0;display:flex;flex-direction:column;gap:4px}.tactical-display{flex:1.22}.relay-stack{flex:.48}.globe-display{flex:1.28}.data-readout{flex:.78}.text-screen{flex:.98}.monitor-bezel,.readout-top,.readout-bottom,.globe-subcontrols,.control-bank,.status-bus,.small-display,.mini-keys,.macro-buttons,.micro-panel{overflow:hidden;display:flex;flex-direction:column;min-width:0}.monitor-bezel{flex:1;background:linear-gradient(180deg,#10191ceb,#050a0cfa)}.monitor-bezel.narrow{flex:1}.monitor-bezel.dark{background:linear-gradient(180deg,#0a0f12fa,#040708)}.monitor-header,.monitor-label-bottom,.monitor-sidebar-data,.screen-footer,.readout-header,.micro-panel-head{min-height:18px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;font-size:7px;color:var(--fg-dim);background:linear-gradient(180deg,#162326d9,#0a1012d9);border-bottom:1px solid rgba(93,117,119,.22)}.monitor-header.compact{min-height:16px}.monitor-label-bottom,.monitor-sidebar-data,.screen-footer{border-bottom:0;border-top:1px solid rgba(93,117,119,.18)}.monitor-sidebar-data{justify-content:space-around}.text-led-bank{padding:5px 8px 0}.screen-text{flex:1;padding:10px 10px 8px;font-size:10px;line-height:1.52;color:var(--green);white-space:pre-line}.screen-text .cursor{animation:cursor-blink .8s infinite}.readout-top{flex:1;background:#060a0cf5}.readout-text{flex:1;padding:4px 6px 6px;font-size:7px;color:var(--fg-dim);line-height:1.42;white-space:pre-line}.readout-bottom{flex:1;background:#060a0cf5}.micro-panel{min-height:78px;background:#070d0ff5}.tower-panel{flex:.54}.scope-panel{flex:.52}.tower-switches{padding:4px 6px 6px;justify-content:center}.globe-subcontrols{min-height:34px;padding:6px 8px;justify-content:space-between;background:linear-gradient(180deg,#121d1ff0,#0b1416fa)}.sub-ticks{justify-content:space-between}.sub-ticks span{flex:1;height:4px}.lower-greeble-strip{flex:0 0 48px;min-height:48px;display:flex;gap:4px}.greeble-bank,.center-pedestal{min-width:0;overflow:hidden;position:relative}.greeble-bank{flex:1;padding:5px 6px;background:linear-gradient(180deg,#162327f2,#080f11f5)}.center-pedestal{flex:1.85;padding:4px 10px 6px;background:linear-gradient(180deg,#2c3b3f6b,#0c1316fa)}.greeble-label{font-size:7px;color:var(--amber);margin-bottom:5px;letter-spacing:1px}.greeble-slots,.greeble-grid,.pedestal-bridge,.pedestal-tabs{display:flex;gap:4px;align-items:center}.greeble-slots{justify-content:space-between}.greeble-slots span{flex:1;height:8px;border:1px solid rgba(124,151,152,.3);background:repeating-linear-gradient(180deg,rgba(171,206,198,.14) 0 1px,transparent 1px 4px),#2e424657}.greeble-sub-row{display:flex;gap:3px;margin-top:4px;justify-content:flex-end}.greeble-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.greeble-grid.dense{grid-template-columns:repeat(6,1fr);gap:2px}.greeble-grid span{height:7px;border:1px solid rgba(124,151,152,.3);background:#2e424657}.greeble-grid span.on{background:#91ecbfb8}.greeble-grid span.amber-glow{background:#dcaf6ebf;box-shadow:0 0 6px #dcaf6e4d}.pedestal-bridge{justify-content:center;margin-bottom:4px}.pedestal-bridge span{width:18px;height:5px;border:1px solid rgba(125,151,153,.34);background:#33494c57}.pedestal-bridge span.wide{width:82px}.pedestal-core{display:flex;align-items:flex-end;justify-content:center;gap:10px}.pedestal-side{display:flex;align-items:flex-end;gap:3px;padding-bottom:2px}.pedestal-side span{width:6px;height:11px;border:1px solid rgba(124,151,152,.3);background:#2e424657}.pedestal-side span.tall{height:18px}.pedestal-center{width:118px;display:flex;flex-direction:column;align-items:center;gap:3px}.pedestal-cap{width:78px;height:5px;border:1px solid rgba(132,160,160,.34);background:#40595c61}.pedestal-window{width:94px;height:12px;position:relative;border:1px solid rgba(135,160,162,.36);background:repeating-linear-gradient(90deg,rgba(178,210,205,.16) 0 4px,transparent 4px 8px),linear-gradient(180deg,#283c3f80,#0b1214d9)}.window-inner-glow{position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:linear-gradient(90deg,#91ecbf0d,#91ecbf26,#91ecbf0d);animation:pulse-glow 3s infinite alternate}@keyframes pulse-glow{0%{opacity:.5}to{opacity:1}}.pedestal-tabs{justify-content:center}.pedestal-tabs span{width:14px;height:5px;border:1px solid rgba(127,153,155,.3);background:#30464a5c}.pedestal-tabs span.active{background:#91ecbfb8}.bottom-controls{flex:0 0 88px;min-height:88px;display:flex;gap:4px}.control-bank,.status-bus,.macro-buttons{flex:1;padding:6px;gap:6px}.status-bus{flex:1.5}.mini-cluster{flex:.86;display:flex;gap:4px}.small-display{flex:1.1;min-width:86px;background:#060a0cf5;position:relative}.small-display-header{position:absolute;top:2px;left:3px;font-size:6px;color:var(--fg-dim);z-index:2}.mini-keys{flex:.8;padding:6px;justify-content:center;gap:6px}.bank-title{font-size:8px;color:var(--amber)}.btn-row{display:flex;justify-content:center;gap:3px}.btn-row.tight{gap:2px}.btn-row.tiny-leds{margin-top:4px}.dial-row{display:flex;justify-content:center;gap:12px;margin-top:4px}.dial{width:16px;height:16px;border-radius:50%;border:1px solid rgba(145,170,165,.4);background:radial-gradient(circle at 30% 30%,#556e73cc,#192328e6);box-shadow:inset 0 -1px 2px #00000080,0 2px 4px #0006;position:relative}.dial:after{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:2px;height:5px;background:#dcb46ecc;border-radius:1px}.ctrl-btn{width:18px;height:14px;border:1px solid rgba(141,166,165,.45);background:linear-gradient(180deg,#344b4feb,#182528f2);box-shadow:inset 0 1px #bddcd514,inset 0 -1px #00000080}.ctrl-btn.active{background:linear-gradient(180deg,#73c9a6d9,#39614ef2);box-shadow:inset 0 1px #e3fff22e,0 0 8px #78dab238}.ctrl-btn.sm{width:11px;height:10px}.ctrl-btn.lg{width:30px;height:22px}.status-line{flex:1;padding:4px 5px;font-size:7px;line-height:1.5;color:var(--fg-dim);border:1px solid rgba(88,110,112,.2);background:linear-gradient(180deg,#05090af0,#070c0ef5)}.slot-strip{justify-content:space-between}.slot-strip span{flex:1;height:6px}.red-text{color:var(--red)}.green-text{color:var(--green)}.dim-text{color:var(--fg-dim)}.amber-text{color:var(--amber)}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}#crt-output{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:200;pointer-events:none;display:block}#control-panel{z-index:300}:root{--sh-bg: rgba(8, 8, 8, .94);--sh-border: rgba(255, 255, 255, .06);--sh-text: rgba(255, 255, 255, .88);--sh-text-dim: rgba(255, 255, 255, .38);--sh-text-mid: rgba(255, 255, 255, .55);--sh-surface: rgba(255, 255, 255, .06);--sh-surface-hover: rgba(255, 255, 255, .1);--sh-accent: rgba(255, 255, 255, .7);--sh-radius: 4px;--sh-width: 320px;--sh-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.sh-panel{position:fixed;top:0;right:0;width:var(--sh-width);max-width:50vw;height:100%;box-sizing:border-box;background:var(--sh-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid var(--sh-border);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;z-index:100;transition:width .28s cubic-bezier(.4,0,.2,1),opacity .2s ease,min-width .28s cubic-bezier(.4,0,.2,1);font-family:var(--sh-font);color:var(--sh-text);font-size:12px;line-height:1.4}.sh-panel.collapsed{width:0;min-width:0;opacity:0;pointer-events:none;overflow:hidden;border-left-width:0}.sh-panel-body{padding:16px 14px 32px;display:flex;flex-direction:column;gap:2px}.sh-panel-hint{position:fixed;right:14px;bottom:14px;padding:5px 10px;font-family:var(--sh-font);font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--sh-text-dim);background:#ffffff0a;border:1px solid var(--sh-border);border-radius:999px;pointer-events:none;z-index:101;transition:opacity .6s ease}.sh-panel-hint.hidden{opacity:0}.sh-folder{margin-bottom:2px}.sh-folder-head{display:flex;align-items:center;gap:6px;padding:8px 2px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:var(--sh-text-mid);transition:color .15s ease}.sh-folder-head:hover{color:var(--sh-text)}.sh-arrow{font-size:10px;transition:transform .2s ease;display:inline-block}.sh-folder.collapsed .sh-arrow{transform:rotate(-90deg)}.sh-folder-body{display:flex;flex-direction:column;gap:2px;padding-left:4px;overflow:hidden;max-height:4000px;transition:max-height .3s ease,opacity .2s ease}.sh-folder.collapsed>.sh-folder-body{max-height:0;opacity:0;pointer-events:none}.sh-ctrl{padding:6px 4px;display:flex;flex-direction:column;gap:6px}.sh-ctrl-head{display:flex;justify-content:space-between;align-items:baseline}.sh-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1.4px;color:var(--sh-text-dim)}.sh-value{font-size:11px;font-variant-numeric:tabular-nums;color:var(--sh-text-mid);min-width:36px;text-align:right}.sh-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:var(--sh-surface);border-radius:2px;cursor:pointer;outline:none}.sh-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:#fff;border-radius:50%;box-shadow:0 0 6px #ffffff40;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.sh-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 10px #fff6}.sh-slider input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#fff;border:none;border-radius:50%;box-shadow:0 0 6px #ffffff40;cursor:pointer}.sh-slider input[type=range]::-moz-range-track{height:3px;background:var(--sh-surface);border-radius:2px}.sh-color{flex-direction:row;align-items:center;justify-content:space-between}.sh-color input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;padding:0;border:1px solid var(--sh-border);border-radius:var(--sh-radius);background:transparent;cursor:pointer}.sh-color input[type=color]::-webkit-color-swatch-wrapper{padding:1px}.sh-color input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.sh-toggle{flex-direction:row;align-items:center;justify-content:space-between}.sh-switch{position:relative;display:inline-block;width:32px;height:16px;cursor:pointer}.sh-switch input{opacity:0;width:0;height:0;position:absolute}.sh-knob{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sh-surface);border-radius:999px;transition:background .2s ease}.sh-knob:after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;background:#ffffff59;border-radius:50%;transition:transform .2s ease,background .2s ease}.sh-switch input:checked+.sh-knob{background:#ffffff26}.sh-switch input:checked+.sh-knob:after{transform:translate(16px);background:#fff}.sh-btn{display:block;width:100%;padding:7px 12px;margin:2px 0;font-family:var(--sh-font);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.6px;color:var(--sh-text);background:var(--sh-surface);border:1px solid var(--sh-border);border-radius:var(--sh-radius);cursor:pointer;transition:background .15s ease,border-color .15s ease}.sh-btn:hover{background:var(--sh-surface-hover);border-color:#ffffff1f}.sh-btn:active{background:#ffffff24}.sh-select{flex-direction:row;align-items:center;justify-content:space-between}.sh-select select{padding:4px 8px;font-family:var(--sh-font);font-size:11px;color:var(--sh-text);background:var(--sh-surface);border:1px solid var(--sh-border);border-radius:var(--sh-radius);outline:none;cursor:pointer;min-width:90px;transition:border-color .15s ease}.sh-select select:hover{border-color:#ffffff26}.sh-select select option{background:#111;color:var(--sh-text)}.sh-file{padding:4px}.sh-panel::-webkit-scrollbar{width:5px}.sh-panel::-webkit-scrollbar-track{background:transparent}.sh-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sh-panel::-webkit-scrollbar-thumb:hover{background:#fff3}