:root{color-scheme:dark;--bg:#0a1015;--panel:#101922;--panel2:#131d26;--line:#22303c;--line2:#2a3a46;--text:#e8efed;--muted:#8696a0;--low:#5c727e;--green:#a5dbb2;--green2:#61b99e;--copper:#e7b788;--fail:#f1a394;--radius:11px;--font:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"IBM Plex Mono", "SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;color:var(--text);font-family:var(--font);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.3}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #b8dcbd;outline-offset:3px}::selection{background:#345e51;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#30414b;border-radius:10px}::-webkit-scrollbar-track{background:transparent}
.top-bar{height:72px;display:flex;align-items:center;gap:30px;justify-content:space-between;border-bottom:1px solid #202d35;background:linear-gradient(110deg,#10191f,#0b1218);padding:0 32px;position:relative;z-index:8}.brand{display:flex;gap:13px;align-items:center;min-width:240px;color:var(--text);text-decoration:none}.brand-mark{font-size:43px;font-weight:750;letter-spacing:-.12em;line-height:1;color:#c5ddc9;font-family:Georgia,serif;transform:skew(-8deg);display:inline-block}.brand-point{color:var(--copper)}.brand-type{font-size:19px;font-weight:780;letter-spacing:.17em;display:flex;flex-direction:column;gap:4px}.brand-type small{font-size:8px;letter-spacing:.2em;color:#84969b;font-weight:500}.top-center{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:#c6d6d5}.top-center .muted{color:#71828d}.signal-dot,.live-dot{width:7px;height:7px;border-radius:100%;background:#83d7a2;box-shadow:0 0 0 3px #83d7a212,0 0 12px #83d7a260}.header-divider{color:#48616a}.status-pill{border:1px solid #376451;background:#19332b;color:#9fe8b6;border-radius:4px;font-size:9px;padding:7px 10px;margin-left:10px}.top-actions{display:flex;align-items:center;gap:15px}.header-icon{color:#97a9b4;border:1px solid #2a3842;background:#14202a;width:34px;height:34px;border-radius:6px;display:grid;place-items:center}.header-icon:hover{color:#e5ede7;border-color:#698078}.version{font:10px var(--mono);color:#647a87;letter-spacing:.09em}.mobile-only{display:none}
.app-shell{display:grid;grid-template-columns:91px minmax(490px,1fr) minmax(315px,360px);height:calc(100dvh - 72px);min-height:665px}.nav-rail{border-right:1px solid var(--line);background:linear-gradient(180deg,#101923,#0b1219);display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;position:relative;z-index:4}.rail-top{display:flex;flex-direction:column;padding:23px 8px;gap:4px}.rail-caption{font:9px var(--mono);color:#55717c;letter-spacing:.15em;text-align:center;margin:5px 0 22px}.rail-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:66px;border:1px solid transparent;color:#7b919b;background:transparent;border-radius:8px;position:relative;transition:color .2s,background .2s}.rail-icon{display:grid;place-items:center}.rail-label{font-size:10px;letter-spacing:.03em}.rail-item:hover{background:#1b2b35;color:#c9e2da}.rail-item.active{background:linear-gradient(150deg,#203c3a,#182c30);border-color:#315549;color:#bee3c5}.rail-item.active::before{content:'';position:absolute;left:-8px;width:2px;height:32px;background:#a4d9ae;border-radius:2px}.rail-foot{margin:0 8px 24px}.rail-info{width:100%;height:60px}
.main-workspace{min-width:0;min-height:0;display:flex;flex-direction:column;background:radial-gradient(ellipse 65% 55% at 50% 48%,#19232c 0%,transparent 90%),#0d151c}.workspace-head{min-height:124px;padding:23px 30px 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.eyebrow{font:10px var(--mono);letter-spacing:.14em;color:#809ca4;display:block}.workspace-head h1{font-weight:590;letter-spacing:-.035em;font-size:clamp(21px,2.2vw,29px);line-height:1.2;margin:7px 0 7px}.workspace-head p{color:#758b96;font-size:12px;letter-spacing:.015em;margin:0}.head-controls{display:flex;gap:8px;padding-top:8px;flex-wrap:wrap;justify-content:flex-end}.micro-button{height:32px;border:1px solid #4a685e;border-radius:4px;background:#20372f;color:#bfdfc5;display:flex;gap:7px;align-items:center;justify-content:center;padding:0 13px;font:10px var(--mono);letter-spacing:.02em}.micro-button:hover{background:#304c41}.micro-button.outline{background:transparent;border-color:#2d3d46;color:#849da6}.micro-button.outline:hover{border-color:#657a80;color:#e3eeee}
.workspace-surface{position:relative;flex:1;min-height:360px;overflow:hidden;margin:0 20px;border:1px solid #24323c;border-radius:9px;background:#0e171f}.scenery{position:absolute;inset:0;overflow:hidden;cursor:grab;background:radial-gradient(ellipse 48% 55% at 50% 50%,#202e37 0%,#152029 52%,#101820 100%)}.scenery:active{cursor:grabbing}.stage-haze{position:absolute;inset:0;background:radial-gradient(ellipse 45% 45% at 45% 38%,#63867a20,transparent 85%);pointer-events:none}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#85a5a508 1px,transparent 1px),linear-gradient(90deg,#85a5a508 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,transparent,#000 65%,#000);pointer-events:none}.stage-platform{width:68%;height:66%;position:absolute;left:16%;top:36%;transform:perspective(700px) rotateX(77deg);border:1px solid #81988f0f;border-radius:50%;background:radial-gradient(ellipse,#64857518 5%,#1f34331e 45%,transparent 72%);filter:blur(15px);pointer-events:none}.device-world{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;perspective:1100px;perspective-origin:50% 43%;}.device-assembly{position:relative;width:330px;height:605px;transform-style:preserve-3d;transition:transform .25s ease;pointer-events:auto;filter:drop-shadow(0 24px 36px #0008)}.object-layer{position:absolute;inset:0;border-radius:22px;backface-visibility:visible;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.18,.75,.18,1),opacity .4s}.face-layer{transform:translateZ(38px);z-index:4}.case-rear{background:linear-gradient(130deg,#272f35,#0e1318 52%,#252f35);border:2px solid #3f4c52;box-shadow:inset 0 0 0 8px #20282e,inset 0 0 24px #06090c;z-index:0}.rear-detail{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:100%;font:9px var(--mono);color:#81929a;letter-spacing:.08em}.battery-pods{display:flex;gap:8px;transform:rotate(-90deg)}.battery-pods i{width:25px;height:95px;border-radius:14px;background:linear-gradient(90deg,#89969e,#2a353e,#98a7a9);border:2px solid #1b252b;box-shadow:2px 1px 4px #0005}.board-layer{z-index:1;transform:translateZ(21px);padding:30px 19px}.pcb-surface{height:100%;width:100%;position:relative;overflow:hidden;border-radius:13px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 6px,#0f56411a 6px,#0f56411a 7px),linear-gradient(140deg,#17644f,#163e36 55%,#12513d);border:3px solid #3f8b71;box-shadow:inset 0 0 28px #00150e,0 8px 15px #0009}.pcb-pattern{position:absolute;inset:0;width:100%;height:100%}.pcb-logo{position:absolute;top:26px;right:12px;font:bold 13px var(--mono);letter-spacing:.15em;color:#c5d2b29c;display:flex;flex-direction:column;text-align:right;gap:4px}.pcb-logo small{font:8px var(--mono)}.chip{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:14px var(--mono);background:linear-gradient(145deg,#202a30,#080e12);border:1px solid #434b48;color:#d7d6bc;box-shadow:0 6px 4px #0008,inset 0 1px 1px #67716d55;cursor:pointer}.chip:hover{outline:2px solid #c8ca9a}.chip:before,.chip:after{content:'';position:absolute;left:4px;right:4px;height:5px;background:repeating-linear-gradient(90deg,#baa87b 0px,#baa87b 3px,transparent 3px,transparent 10px)}.chip:before{top:-6px}.chip:after{bottom:-6px}.chip small{font:8px var(--mono);color:#818c88}.main-chip{width:135px;height:136px;top:130px;left:73px;font-size:21px}.chip-ram{width:90px;height:55px;top:46px;left:27px;font-size:13px}.chip-io{width:69px;height:50px;top:350px;right:25px}.chip-clock{width:57px;height:32px;top:320px;left:30px;font-size:11px;background:linear-gradient(#b7aca2,#766c63);color:#171d21}.chip-clock small{color:#303c43}.pcb-contacts{position:absolute;bottom:16px;left:14px;right:14px;height:16px;background:repeating-linear-gradient(90deg,#d9b566 0 4px,transparent 4px 8px);opacity:.75}.membrane-layer{z-index:2;transform:translateZ(29px);background:linear-gradient(140deg,#adbab979,#bfcacb30);border:1px solid #d0dddd3b;overflow:hidden}.membrane-contacts{position:absolute;left:15px;right:15px;bottom:24px;height:360px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(7,1fr);gap:7px}.membrane-contacts i{border-radius:50%;border:2px dotted #566d6594;background:radial-gradient(circle,#293b3977 25%,#95aca844 26%,#9faeb027 40%,transparent 60%)}.membrane-layer>span{position:absolute;left:19px;top:28px;font:8px var(--mono);color:#c4d1d1}.face-layer{background:#131a21}.device-body{width:100%;height:100%;border-radius:22px;background:linear-gradient(95deg,#222d33 0%,#3d484e 12%,#2c373c 33%,#253036 70%,#4a555a 94%,#192126 100%);border:2px solid #55626a;box-shadow:inset 0 0 0 2px #12191d, inset 8px 0 12px #9ba6a415,inset -9px 0 14px #090f14ac,0 5px 8px #000c;overflow:hidden;position:relative}.device-body:before{content:'';position:absolute;inset:4px;border-radius:18px;border:1px solid #8b999423;pointer-events:none}.device-top{height:211px;padding:14px 18px 0}.device-seal{display:flex;align-items:center;gap:12px;height:44px}.device-monogram{font:italic bold 36px Georgia,serif;color:#bacac5;text-shadow:0 1px 1px #000;letter-spacing:-.14em}.device-monogram span{color:#dba47d}.device-model{display:flex;flex-direction:column;line-height:1.3}.device-model b{font:bold 15px var(--mono);letter-spacing:.15em;color:#e1e7df}.device-model small{font:7px var(--mono);letter-spacing:.16em;color:#809a9c}.device-optic{padding:8px 6px 0;background:linear-gradient(150deg,#080f14,#1d292e 60%,#0e1518);border:2px solid #526269;border-radius:9px;box-shadow:inset 2px 3px 6px #000a,0 2px 3px #73878620}.lcd-frame{padding:14px 10px;border-radius:5px;background:linear-gradient(145deg,#a8c5ad,#a0bca2 60%,#85a88c);border:3px solid #273a35;box-shadow:inset 0 3px 6px #3d624e80,0 1px 0 #798f86;position:relative}.lcd-glass{display:block;width:100%;aspect-ratio:2;image-rendering:pixelated;filter:contrast(1.06);opacity:.95}.lcd-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(132deg,#fff4 0%,transparent 26%,transparent 82%,#efffee1a 100%);z-index:2}.glass-label{display:flex;justify-content:space-between;margin:8px 5px 3px;color:#7f999a;font:7px var(--mono);letter-spacing:.06em}.device-bottom{padding:8px 16px 8px}.soft-labels{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:4px;text-align:center;color:#7fa0a1;font:6px var(--mono)}.keypad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 7px;justify-content:stretch}.key{height:38px;min-width:0;padding:0;display:grid;place-items:center;font-family:var(--font);font-size:12px;font-weight:640;position:relative;color:#dce6e1;letter-spacing:-.025em;border:1px solid #54636a;background:linear-gradient(145deg,#405159,#25333d 66%,#1d2a34);box-shadow:0 3px 0 #131d22,0 4px 4px #0008,inset 0 1px 1px #7a899366;border-radius:7px 7px 9px 9px;transform:translateZ(3px);touch-action:manipulation;transition:transform .08s,background .08s}.key:hover{filter:brightness(1.2);border-color:#91aba8}.key:active{transform:translateY(2px) translateZ(0px);box-shadow:0 1px 0 #11191e,inset 0 2px 5px #0a0d12}.key-soft{height:21px;font:9px var(--mono);background:linear-gradient(#5d686f,#343f46);border-radius:3px;color:#d8dedd}.key-small{height:30px;font:9px var(--mono);background:linear-gradient(#35454d,#243039);color:#bbd0c8}.key-fn{font-size:11px}.key-num{background:linear-gradient(150deg,#63717a,#44515c 64%,#2e3c47);border-color:#667883;color:#faf9ee;font-size:15px}.key-op{background:linear-gradient(150deg,#51635b,#2d4845);color:#caefcf;font-size:16px;border-color:#66867d}.key-danger{background:linear-gradient(150deg,#9b695f,#6b3a37);border-color:#986963;color:#fff0e7;font-size:10px;height:30px}.key-execute{background:linear-gradient(145deg,#b7ab86,#8d835c);color:#222821;border-color:#d1c399;font-weight:800;font-size:12px}.device-footer{display:flex;align-items:center;justify-content:space-between;margin:12px 2px;color:#6b8589;font:6px var(--mono);letter-spacing:.1em}.device-on-dot{height:4px;width:4px;border-radius:50%;background:#b7d7a0;box-shadow:0 0 7px #9bcea6}
.scenery.opened .device-assembly{filter:drop-shadow(0 10px 24px #000a)}.scenery.opened .face-layer{transform:translate3d(-122px,-152px,155px) rotateY(-6deg) scale(.82)}.scenery.opened .membrane-layer{transform:translate3d(-36px,-35px,95px) scale(.82)}.scenery.opened .board-layer{transform:translate3d(63px,104px,45px) rotateY(7deg) scale(.86)}.scenery.opened .case-rear{transform:translate3d(107px,200px,-5px) scale(.86)}.scenery.chip-mode .face-layer{transform:translate3d(-192px,-85px,50px) rotateY(-15deg) scale(.53);opacity:.48;pointer-events:none}.scenery.chip-mode .membrane-layer{transform:translate3d(-138px,-22px,50px) scale(.62);opacity:.55;pointer-events:none}.scenery.chip-mode .board-layer{transform:translate3d(0,0,160px) scale(1.24)}.scenery.chip-mode .case-rear{transform:translate3d(125px,90px,-30px) scale(.54);opacity:.35;pointer-events:none}
.scene-annotation{position:absolute;pointer-events:none;font:10px var(--mono);letter-spacing:.11em;white-space:nowrap}.scene-annotation-top{top:23px;left:25px;color:#a4bbb8}.annotation-dot{display:inline-block;width:6px;height:6px;border:1px solid #91c5ac;border-radius:100%;margin-right:7px}.quiet{color:#576e75;margin:0 4px}.scene-annotation-bottom{bottom:23px;left:26px;color:#78919d;display:flex;gap:10px;align-items:center}.annotation-line{width:26px;height:1px;background:#8aafa0}.viewfinder-corner{position:absolute;width:14px;height:14px;pointer-events:none;opacity:.45}.corner-tl{left:10px;top:10px;border-left:1px solid #74978d;border-top:1px solid #74978d}.corner-tr{right:10px;top:10px;border-right:1px solid #74978d;border-top:1px solid #74978d}.corner-bl{left:10px;bottom:10px;border-left:1px solid #74978d;border-bottom:1px solid #74978d}.corner-br{right:10px;bottom:10px;border-right:1px solid #74978d;border-bottom:1px solid #74978d}
.stage-toolbar{padding:10px 22px;display:flex;gap:15px;align-items:center;justify-content:space-between}.toolbar-modes{display:flex;gap:3px}.toolbar-chip{height:27px;background:transparent;border:1px solid transparent;border-radius:4px;padding:0 12px;font:10px var(--mono);color:#718994;letter-spacing:.07em}.toolbar-chip.on{color:#cbe4cf;border-color:#395b4d;background:#1d362e}.toolbar-chip:hover{color:#c4e4d6}.toolbar-hint{color:#64808a;display:flex;align-items:center;gap:9px;font-size:10px}.toolbar-sep{color:#43545d}.toolbar-z{display:flex;align-items:center;gap:9px;color:#8fa6ac;font:10px var(--mono)}.square-button{height:23px;width:23px;background:#152129;border:1px solid #2c3e48;border-radius:4px;color:#a4b6b5;font-size:17px}.square-button:hover{background:#253a42}
.work-bottom{min-height:89px;border-top:1px solid var(--line);display:flex;gap:32px;justify-content:space-between;align-items:center;padding:13px 30px 18px;background:#0c151b}.bottom-col{display:flex;flex-direction:column;gap:9px;min-width:0}.bottom-col:first-child{flex:1}.bottom-run{font:13px var(--mono);display:flex;align-items:baseline;gap:12px;white-space:nowrap;overflow:hidden}.bottom-run strong:first-child{overflow:hidden;text-overflow:ellipsis;max-width:180px;font-weight:450;color:#a6bac1}.bottom-arrow{color:#516b76}.bottom-value{color:#c8e9cc}.bottom-mode{border:1px solid #2b493f;color:#8eb4a4;background:#152720;border-radius:3px;font:9px var(--mono);padding:4px 7px}.bottom-col.small{width:185px;color:#a4bbc2;font:11px var(--mono)}.soft-text{color:#728b90}
.inspector{min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--line);background:linear-gradient(180deg,#101921,#0e171f);position:relative;z-index:5}.inspector-head{height:97px;flex-shrink:0;border-bottom:1px solid var(--line);padding:22px 22px 16px;display:flex;justify-content:space-between;align-items:center}.inspector-heading h2{font-size:18px;font-weight:600;letter-spacing:-.025em;margin:5px 0}.panel-status{display:flex;align-items:center;gap:7px;border:1px solid #2d4d3d;border-radius:4px;padding:6px 8px;font:9px var(--mono);color:#a6dbb6}.live-dot{width:5px;height:5px}.inspector-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 20px 24px}.inspector-foot{flex-shrink:0;border-top:1px solid var(--line);height:42px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 18px;color:#5e7884;font:8px var(--mono)}.inspector-foot>span:first-child{display:flex;align-items:center;gap:6px}.panel-section{margin-top:24px}.section-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:13px;border-bottom:1px solid #263440;font:10px var(--mono);color:#8da7ae;letter-spacing:.11em}.app-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.app-tab{border:1px solid #30424a;border-radius:4px;background:#16242c;color:#819aa2;padding:11px 0;font:10px var(--mono);letter-spacing:.02em}.app-tab:hover{color:#d1e2dd;background:#243841}.app-tab.active{background:#294b3f;border-color:#4b7864;color:#c4eccf}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{padding:14px 11px;border:1px solid #293c44;border-radius:5px;background:#142029;display:flex;flex-direction:column;gap:10px;min-height:74px}.stat>span{font:9px var(--mono);color:#7a939f;letter-spacing:.06em}.stat b{font:19px var(--mono);font-weight:500;letter-spacing:-.04em;color:#cde4de;white-space:nowrap}.stat b small{font-size:10px;color:#85a397}.console-intro{line-height:1.65;color:#8fa8af;font-size:11px;margin-bottom:15px}.console-intro kbd{color:#cde4ce;border:1px solid #42564b;background:#1b332a;border-radius:3px;padding:1px 5px;font:10px var(--mono)}.console-expression{display:flex;flex-direction:column;gap:7px;background:#13222b;border:1px solid #2b414a;padding:13px 14px;border-radius:6px;margin-bottom:13px;overflow:hidden}.console-expression span{font:9px var(--mono);color:#69838d;letter-spacing:.1em}.console-expression strong{font:17px var(--mono);font-weight:400;overflow-wrap:anywhere}.console-expression .result-text{font-size:23px;text-align:right;color:#aed6b4}.form-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.action-button{min-height:35px;padding:8px 11px;border:1px solid #507f68;border-radius:5px;background:#254738;color:#c8efd5;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:11px var(--mono);line-height:1.4;transition:background .16s}.action-button:hover{background:#386b53;color:#f5fff8}.action-button.subtle{border-color:#33474c;background:#1b2c34;color:#a9c5c4}.action-button.subtle:hover{background:#263e47}.action-button.full{width:100%;margin-top:12px}.action-button.gold{background:#775842;border-color:#b78f63;color:#fff0dc}.action-button.gold:hover{background:#936d50}.hint-block{margin:14px 0 0;background:#17232a;padding:12px;border-left:2px solid #567d69;font-size:11px;line-height:1.65;color:#97abad}.hint-block strong{color:#c6e2ca}.history-row{border:0;border-bottom:1px solid #253641;display:flex;justify-content:space-between;gap:7px;color:#93aab3;background:transparent;width:100%;padding:9px 4px;text-align:left;font:11px var(--mono)}.history-row:hover{background:#1c3036}.history-row b{color:#bfdac5;font-weight:500}.empty{font-size:11px;color:#68818d;line-height:1.6;padding:8px 0}.truth-note{display:flex;gap:10px;color:#8a9fa5;font-size:11px;line-height:1.6}.truth-note>svg{flex-shrink:0;color:#a2bda3;margin-top:2px}.truth-note strong{color:#c3d2c8}
.field-label{display:flex;justify-content:space-between;color:#89a3a9;font:10px var(--mono);margin:12px 0 7px;letter-spacing:.04em}.field-label span{color:#597982}.field-input,.code-editor,.note-editor{min-height:35px;width:100%;background:#0b161b;border:1px solid #30444d;border-radius:5px;color:#cde3d6;padding:9px 10px;font:12px var(--mono);outline:none}.field-input:focus,.code-editor:focus,.note-editor:focus{border-color:#78b69b}.form-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.intro-mini{color:#8ea3aa;font-size:11px;line-height:1.6}.result-sheet{margin-top:12px;border:1px solid #3b5c50;background:#182e29;padding:11px;border-radius:5px;color:#cce5d3;line-height:1.6;font:11px var(--mono);overflow:auto}.result-sheet pre{margin:0;font:12px var(--mono)}.error-line{color:#ffad9a}.data-table{border-collapse:collapse;width:100%;font:10px var(--mono)}.data-table th,.data-table td{border-bottom:1px solid #376052;padding:6px 2px;text-align:left}.code-editor{min-height:140px;resize:vertical;line-height:1.6}.settings-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2d414a;padding:10px 0;font-size:12px;color:#a8babe}.settings-row b{font:11px var(--mono);color:#c3d9ca}
.part-list{display:flex;flex-direction:column}.part-row{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:0;border-bottom:1px solid #263744;background:transparent;padding:14px 4px;color:#cadad9}.part-row:hover{background:#1e3038}.part-row>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}.part-row strong{font-size:12px;font-weight:550}.part-row small{color:#718c97;font-size:10px}.part-number{color:#6d9184;font:11px var(--mono)}.control-stacked{display:flex;flex-direction:column;gap:2px}
.probe-highlight{background:#102a2c;border:1px solid #376159;border-radius:6px;padding:15px}.probe-highlight>span{font:9px var(--mono);color:#8daea1}.probe-equation{font:24px var(--mono);color:#d1e9da;margin:12px 0}.probe-equation em{font-style:normal;color:#8cba98}.probe-bits{font:11px/1.6 var(--mono);letter-spacing:.08em;color:#779b91}.probe-bits strong{font-weight:500;color:#b9e3ae}.metrics-inline{display:flex;justify-content:space-between;margin-top:10px;color:#8198a1;font:10px var(--mono)}.metrics-inline strong{color:#c3dcca}.negative{color:#efa78e!important}.mini-scope{border:1px solid #2b4248;border-radius:5px;overflow:hidden;max-height:210px;margin-bottom:10px}.mini-scope svg{display:block;width:100%;height:180px}.waveform{display:block;width:100%;height:auto}.trace-list{display:flex;flex-direction:column;max-height:380px;overflow:auto}.trace-row{display:grid;grid-template-columns:65px 26px 1fr;gap:6px;padding:9px 0;border-bottom:1px solid #263841;align-items:start}.trace-row time{font:9px var(--mono);color:#65828b}.trace-layer{font:9px var(--mono);color:#b0bea2}.trace-row>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.trace-row strong{font:10px var(--mono);font-weight:500;color:#b6c6c5}.trace-row small{font-size:10px;color:#728e96;line-height:1.5;overflow-wrap:anywhere}
.node-list{max-height:242px;overflow:auto;border:1px solid #263a43;border-radius:5px}.node-row{display:grid;grid-template-columns:25px 1fr;gap:4px 7px;padding:10px;border:0;border-bottom:1px solid #2a3a43;width:100%;background:#12212b;text-align:left;color:#adbdc0;font-size:11px}.node-row:last-child{border-bottom:0}.node-row:hover{background:#253b42}.node-row.selected{background:#24413b;box-shadow:inset 2px 0 #8dcc9e}.node-layer{font:9px var(--mono);color:#a5d0aa}.node-current{grid-column:2;font:9px var(--mono);color:#6f8c94;letter-spacing:.02em}.node-title{font-size:17px;font-weight:600;letter-spacing:-.02em}.node-desc{font-size:11px;line-height:1.65;color:#96aab0;margin:9px 0 14px}.port-detail{display:flex;align-items:center;gap:7px;padding:9px 0;border-top:1px solid #293b45;border-bottom:1px solid #293b45;font:9px var(--mono);color:#688a96}.port-detail strong{margin-left:auto;color:#b2cbd5;font-weight:450}.variant-list{display:flex;flex-direction:column;gap:6px;margin:14px 0}.variant{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #2c414a;border-radius:5px;background:#192830;cursor:pointer}.variant:hover{background:#223940}.variant.picked{background:#1e3c35;border-color:#50816b}.variant input{position:absolute;opacity:0;width:1px;height:1px}.variant-dot{width:14px;height:14px;border:1px solid #5b7880;border-radius:100%;display:grid;place-items:center;flex-shrink:0}.variant.picked .variant-dot{border-color:#88d9a1}.variant.picked .variant-dot:after{content:'';width:6px;height:6px;border-radius:100%;background:#8dd9a3}.variant>span:last-child{display:flex;flex-direction:column;gap:5px}.variant b{color:#c5dcd9;font-size:11px;font-weight:500}.variant small{color:#72928f;font:9px var(--mono)}.verdict-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font:11px var(--mono)}.result-pill{font:9px var(--mono);padding:6px 8px;display:inline-block;border:1px solid;border-radius:4px;white-space:nowrap}.result-pill.pass{color:#a9e6b3;border-color:#4d8665;background:#1c3f31}.result-pill.changed{color:#9ccce8;border-color:#4a7791;background:#1b3444}.result-pill.fail{color:#f8a89a;border-color:#97504d;background:#412524}.result-pill.unknown{color:#e6c39b;border-color:#8a7049;background:#3c3429}.bench-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.bench-numbers>span{background:#172932;padding:10px 5px;border:1px solid #2c3c47;color:#718e98;font:8px var(--mono);display:flex;flex-direction:column;gap:8px;text-align:center}.bench-numbers b{font:13px var(--mono);color:#bfcfca}.bench-reason{font-size:11px;color:#94aab0;line-height:1.65}
.compare-head{display:flex;justify-content:space-between;gap:10px;color:#90a89f;font:8px var(--mono);margin-bottom:10px}.compare-head>span{width:50%}.compare-displays{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-displays>div{min-width:0}.compare-displays canvas{width:100%;image-rendering:pixelated;border:5px solid #30473e;border-radius:3px;display:block}.compare-displays small{font:11px var(--mono);color:#d1e5d3;display:block;margin-top:8px}.comp-score{display:flex;align-items:center;justify-content:space-between;margin-top:15px;color:#8aa3a9;font:10px var(--mono)}.input-run{display:flex;gap:8px;align-items:center}.input-run .field-input{flex:1;min-width:0}.input-run .action-button{flex-shrink:0}.compare-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-metrics>div{display:flex;flex-direction:column;gap:7px;border-bottom:1px solid #293a43;padding-bottom:9px}.compare-metrics span{font:10px var(--mono);color:#7795a0}.compare-metrics strong{font:14px var(--mono);color:#bcd8ca;font-weight:500}
.quest{border:0;border-bottom:1px solid #263844;padding:13px 2px;width:100%;display:flex;align-items:center;gap:12px;background:transparent;color:#b8c8c9;text-align:left}.quest:hover{background:#21343d}.quest>span{font:12px var(--mono);color:#96b7a0}.quest b{font-size:12px;font-weight:550;display:flex;flex-direction:column;flex:1;gap:6px}.quest small{font-size:10px;font-weight:400;color:#829aa2;line-height:1.5}.specimen,.note{border:1px solid #30424a;background:#14252d;border-radius:5px;padding:10px;margin:8px 0;display:flex;flex-direction:column;gap:8px}.specimen span,.note small{font:10px var(--mono);color:#739294}.specimen strong{font:12px var(--mono);color:#c2dacc}.specimen .result-pill{align-self:flex-start}.specimen small{font-size:10px;color:#819a9d;line-height:1.55}.note-editor{min-height:110px;resize:vertical;line-height:1.6}.note p{font-size:11px;line-height:1.6;color:#c5d6d3;white-space:pre-wrap;margin:0}
.scope-sheet{display:none;position:absolute;z-index:6;left:18px;bottom:17px;width:min(570px,calc(100% - 36px));max-height:56%;overflow:auto;padding:16px;background:#0a151ceb;border:1px solid #4b665f;border-radius:9px;box-shadow:0 10px 40px #0007;backdrop-filter:blur(12px)}.scope-sheet.visible{display:block}.scope-top{display:flex;align-items:start;justify-content:space-between}.scope-top h3{margin:4px 0 8px;font-size:16px;font-weight:500}.scope-sheet .waveform{height:240px}.tiny-close{background:none;border:1px solid #2e4945;border-radius:5px;color:#9fb7b6;width:26px;height:26px;display:grid;place-items:center}.scope-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font:9px var(--mono);color:#92adae}.scope-legend>span{display:flex;align-items:center;gap:5px}.swatch{display:inline-block;width:9px;height:9px;border-radius:2px}.swatch.olive{background:#e1b987}.swatch.turquoise{background:#77c0c4}.swatch.lime{background:#b6e2a5}.swatch.peach{background:#e09e75}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#d1ebd7;color:#173027;z-index:40;border-radius:5px;box-shadow:0 12px 35px #0009;padding:12px 18px;font:12px var(--mono);transition:transform .2s,opacity .2s;max-width:90vw;text-align:center}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:1370px){.app-shell{grid-template-columns:78px minmax(450px,1fr) 325px}.rail-item.active::before{left:-8px}.workspace-head{padding:20px 22px 12px;min-height:105px}.head-controls{padding-top:0}.work-bottom{padding-left:22px;padding-right:22px;gap:15px}.bottom-col.small{width:150px}.device-assembly{transform-origin:center}.inspector-scroll{padding:0 16px 24px}}
@media(max-width:1090px){.app-shell{grid-template-columns:72px minmax(0,1fr) 300px}.top-center{display:none}.brand{min-width:0}.workspace-head{flex-direction:column;min-height:126px;padding:16px 22px;gap:9px}.head-controls{justify-content:flex-start}.toolbar-hint{display:none}.work-bottom .bottom-col.small:last-child{display:none}.device-world{transform:scale(.89)}.scenery.opened .device-world,.scenery.chip-mode .device-world{transform:scale(.75)}}
@media(max-width:820px){.top-bar{height:62px;padding:0 14px}.brand-type{font-size:16px}.brand-type small{font-size:7px}.version{display:none}.mobile-only{display:grid}.app-shell{height:auto;min-height:calc(100dvh - 62px);display:grid;grid-template-columns:65px minmax(0,1fr);grid-template-rows:minmax(650px,1fr)}.nav-rail{grid-column:1;grid-row:1}.rail-caption{font-size:8px}.rail-item{height:65px}.rail-label{font-size:9px}.main-workspace{grid-column:2;grid-row:1;min-height:740px}.inspector{display:none;position:fixed;z-index:15;right:0;top:62px;bottom:0;width:min(370px,calc(100vw - 65px));border:1px solid #415952;box-shadow:-20px 0 80px #0009}.inspector.mobile-open{display:flex}.workspace-surface{min-height:450px}.device-world{transform:scale(.78)}.scenery.opened .device-world,.scenery.chip-mode .device-world{transform:scale(.64)}.bottom-col.small{display:none}.work-bottom{min-height:78px}}
@media(max-width:570px){.top-bar{height:59px}.brand-mark{font-size:33px}.brand-type{font-size:14px}.brand-type small{font-size:6px;letter-spacing:.12em}.top-actions{gap:8px}.header-icon{width:30px;height:30px}.app-shell{grid-template-columns:48px minmax(0,1fr);min-height:calc(100dvh - 59px)}.rail-top{padding:8px 2px}.rail-caption{display:none}.rail-item{height:57px;gap:5px}.rail-icon svg{width:17px}.rail-label{font-size:8px;letter-spacing:-.03em}.rail-foot{margin:0 2px 20px}.rail-info{height:48px}.main-workspace{min-height:685px}.workspace-head{padding:17px 13px 10px;min-height:121px}.workspace-head h1{font-size:21px}.workspace-head p{font-size:10px;line-height:1.5}.head-controls{gap:5px}.micro-button{font-size:9px;height:27px;padding:0 8px}.workspace-surface{margin:0 8px;min-height:405px}.device-world{transform:scale(.66)}.scenery.opened .device-world,.scenery.chip-mode .device-world{transform:scale(.47)}.scene-annotation{font-size:8px}.scene-annotation-top{left:11px;top:16px}.scene-annotation-bottom{left:11px;bottom:14px;font-size:7px}.stage-toolbar{padding:7px 8px;gap:3px}.toolbar-chip{padding:0 7px;font-size:8px}.toolbar-z{font-size:8px;gap:3px}.square-button{width:21px}.work-bottom{padding:8px 12px;min-height:67px}.bottom-run{font-size:10px;gap:6px}.bottom-mode{font-size:7px;padding:2px 4px}.eyebrow{font-size:9px}.inspector{top:59px;width:calc(100vw - 48px)}.scope-sheet{left:6px;bottom:6px;width:calc(100% - 12px);padding:8px}.scope-sheet .waveform{height:170px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0.01ms!important;animation-duration:0.01ms!important;scroll-behavior:auto!important}}
/* Keep the entire instrument and all exploded pieces within the examination stage. */
@media (min-width:1091px){.device-world{transform:scale(.88)}.scenery.opened .device-world{transform:scale(.70)}.scenery.chip-mode .device-world{transform:scale(.72)}}
@media (min-width:821px) and (max-width:1090px){.scenery.opened .device-world,.scenery.chip-mode .device-world{transform:scale(.64)}}
.transistor-layout{display:grid;grid-template-columns:1fr;gap:9px}.transistor-diagram,.physical-svg{width:100%;display:block;border:1px solid #294743;border-radius:5px}.transistor-diagram{height:125px}.physical-svg{height:185px}.transistor-layout+.truth-note{margin-top:12px}
/* Allow hit testing through the entire CSS-3D stack; dragging is delegated to scenery. */
.device-world{pointer-events:auto}
/* Buttons live in the face plane: avoid 3D hit-test ambiguity over the keypad plane. */
.key{transform:none}.key:active{transform:translateY(2px)}
.face-layer{transform-style:flat}