:root{--room: #b6b0a3;--chassis-0: #b6b0a3;--chassis-1: #cac4b6;--chassis-2: #d4cec0;--chassis-3: #ddd7c9;--chassis-4: #e6e0d0;--rule-soft: #b6b0a3;--rule: #968f80;--rule-strong: #6c6657;--key-light-0: #f5f1e6;--key-light-1: #e9e3d4;--key-light-2: #d6cfbe;--key-dark-0: #1d1b17;--key-dark-1: #2a2722;--key-dark-2: #0f0e0c;--ink-0: #0a0908;--ink-1: #1a1815;--ink-2: #2a2622;--ink-soft: #4a443d;--ink-mute: #6c6657;--ink-faint: #8a8478;--lcd-bg: #0a0907;--lcd-bg-1: #11100c;--lcd-rule: #1f1c17;--lcd-fg: #f3ebd9;--lcd-mute: #5a5346;--lcd-faint: #2e2a23;--orange: #f06000;--orange-deep: #b94800;--orange-soft: #ff8a3d;--yellow: #f3c530;--green: #2c9a4a;--green-led: #41d56e;--red: #d92e2e;--blue-pixel: #5d8bc6;--sans: "Hanken Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-chassis: 10px;--radius-key: 5px;--radius-display: 4px;--radius-pill: 3px}*{box-sizing:border-box}html,body,#root{height:100%}html{background:var(--room)}body{margin:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(240,96,0,.045),transparent 70%),radial-gradient(ellipse 70% 60% at 50% 100%,rgba(0,0,0,.1),transparent 70%),var(--room);color:var(--ink-1);font-family:var(--sans);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.005em}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--orange);color:var(--ink-0)}.device{min-height:100%;padding:36px 24px 56px;display:flex;justify-content:center}.chassis{position:relative;width:100%;max-width:1180px;background:linear-gradient(180deg,var(--chassis-3) 0%,var(--chassis-1) 35%,var(--chassis-1) 70%,var(--chassis-0) 100%);border-radius:var(--radius-chassis);box-shadow:inset 0 1px #fff9,inset 0 -1px #0000002e,inset 0 0 0 1px #00000014,0 1px #ffffff80,0 18px 32px -16px #28231459,0 48px 96px -48px #140f0573;padding:14px 14px 12px;display:flex;flex-direction:column;gap:14px}.screw{position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c4bdac,#968f80 60%,#6c6657);box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -1px 1px #0003,0 1px 1px #00000026;display:flex;align-items:center;justify-content:center;z-index:10}.screw--tl{top:8px;left:8px}.screw--tr{top:8px;right:8px}.screw--bl{bottom:8px;left:8px}.screw--br{bottom:8px;right:8px}.screw__slot{width:6px;height:1px;background:var(--ink-2);border-radius:1px;transform:rotate(40deg);box-shadow:0 0 0 .5px #0000004d}.screw--tr .screw__slot{transform:rotate(-22deg)}.screw--bl .screw__slot{transform:rotate(70deg)}.screw--br .screw__slot{transform:rotate(-55deg)}.modebar{display:flex;align-items:center;gap:8px;padding:4px 6px}.modebar__group{display:inline-flex;align-items:center;gap:5px}.modebar__group--right{gap:8px}.modebar__spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--key-light-1);border-radius:var(--radius-pill);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-1);box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0000000f,0 1px #00000014;transition:background .16s ease,color .16s ease}.pill.is-active{background:var(--orange);color:var(--ink-0);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0000002e,0 1px #00000026,0 0 12px -2px #f0600080}.pill.is-pulsing{animation:pillpulse .85s ease-in-out infinite}@keyframes pillpulse{0%,to{box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0000002e,0 1px #00000026,0 0 4px #f0600066}50%{box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0000002e,0 1px #00000026,0 0 18px #f06000d9}}.pill.is-subtle{background:var(--chassis-1);color:var(--ink-mute);font-weight:600}.pill__led{width:6px;height:6px;border-radius:50%;background:var(--rule);box-shadow:inset 0 0 0 1px #00000026}.pill__led--idle{background:var(--rule)}.pill__led--busy{background:var(--orange);box-shadow:inset 0 0 0 1px #0003,0 0 6px #f06000b3;animation:blink .85s ease-in-out infinite}.pill__led--done{background:var(--green-led);box-shadow:inset 0 0 0 1px #0003,0 0 6px #41d56eb3}.pill__led--error{background:var(--red);box-shadow:inset 0 0 0 1px #0003,0 0 6px #d92e2eb3;animation:blink .45s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.head{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch}.brand{background:var(--chassis-4);border-radius:6px;padding:16px 18px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #0000001f,inset 0 0 0 1px #00000014;position:relative}.brand:after{content:"";position:absolute;bottom:6px;right:12px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c4bdac,#968f80,#6c6657);box-shadow:inset 0 1px 1px #ffffff80}.brand__model{font-family:var(--sans);font-weight:800;font-size:38px;letter-spacing:-.04em;color:var(--ink-0);line-height:1;font-feature-settings:"ss01"}.brand__jp{font-family:var(--sans);font-weight:600;font-size:14px;color:var(--orange);letter-spacing:.08em;margin-top:2px}.brand__spec{margin-top:8px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}.grille{width:220px;background:linear-gradient(180deg,#908a7c,#7c7668);border-radius:6px;padding:8px;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #00000040,inset 0 0 0 1px #00000026}.grille__inner{width:100%;height:100%;border-radius:3px;background-color:#524c41;background-image:radial-gradient(circle at 50% 50%,#2a261f 18%,transparent 19%);background-size:6px 6px;background-position:0 0;box-shadow:inset 0 1px 1px #00000073,inset 0 0 0 1px #0003}@media (max-width: 760px){.head{grid-template-columns:1fr}.grille{width:100%;height:80px}}.lcd{background:radial-gradient(ellipse 100% 50% at 50% 0%,rgba(240,96,0,.04),transparent 60%),linear-gradient(180deg,var(--lcd-bg) 0%,var(--lcd-bg-1) 100%);border-radius:5px;padding:14px 18px 16px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--ink-0);box-shadow:inset 0 0 0 1px var(--lcd-rule),inset 0 2px 14px #0000008c,0 1px #fff6;font-family:var(--mono);position:relative;overflow:hidden}.lcd:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0,transparent 2px,rgba(255,255,255,.018) 2px,rgba(255,255,255,.018) 3px);pointer-events:none}.lcd__row{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.lcd__row--top{font-size:16px;letter-spacing:.04em}.lcd__row--bottom{flex-wrap:wrap;gap:18px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--lcd-mute)}.lcd__icon{display:inline-flex;align-items:center;gap:6px}.lcd__rec{width:8px;height:8px;border-radius:50%;background:var(--lcd-faint);box-shadow:inset 0 0 0 1px #0006}.lcd__rec.is-on{background:var(--red);box-shadow:inset 0 0 0 1px #0000004d,0 0 8px #d92e2eb3;animation:blink .7s ease-in-out infinite}.lcd__icon-label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);min-width:64px}.lcd__seg{display:inline-flex;align-items:baseline;gap:6px}.lcd__seg--target{opacity:.65}.lcd__seg-unit{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--lcd-fg);align-self:center}.lcd__seg-unit--muted{color:var(--lcd-mute)}.seg7{display:inline-flex;gap:1px;font-feature-settings:"tnum";font-family:var(--mono);font-size:28px;font-weight:700;line-height:1;letter-spacing:-.01em;color:var(--orange);text-shadow:0 0 6px rgba(240,96,0,.5),0 0 1px rgba(240,96,0,.9)}.seg7.is-muted{color:var(--lcd-fg);text-shadow:0 0 4px rgba(243,235,217,.3);font-size:22px}.seg7__ch{display:inline-block;min-width:.55em;text-align:center}.lcd__divider{font-size:22px;color:var(--lcd-mute);font-weight:300}.lcd__bars{margin-left:auto;display:inline-flex;align-items:end;gap:3px;height:22px}.lcd__bar{width:4px;height:8px;background:var(--lcd-faint);border-radius:1px}.lcd__bar:nth-child(1){height:8px}.lcd__bar:nth-child(2){height:12px}.lcd__bar:nth-child(3){height:16px}.lcd__bar:nth-child(4){height:22px}.lcd__bar.is-on{background:var(--green-led);box-shadow:0 0 5px #41d56e99}.lcd__pair{display:inline-flex;align-items:baseline;gap:5px;font-feature-settings:"tnum"}.lcd__k{color:var(--lcd-mute);font-weight:700}.lcd__v{color:var(--lcd-fg);font-weight:700}.lcd__v--accent{color:var(--orange);text-shadow:0 0 4px rgba(240,96,0,.4)}.lcd__v--warn{color:var(--red)}.lcd__arrow{color:var(--orange);font-size:12px}.zones{display:grid;grid-template-columns:5fr 7fr;gap:10px}@media (max-width: 880px){.zones{grid-template-columns:1fr}}.zone{background:var(--chassis-2);border-radius:6px;padding:10px 12px 12px;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #00000014,inset 0 0 0 1px #0000000d;display:flex;flex-direction:column;gap:8px}.zone__head{display:flex;align-items:baseline;gap:8px;padding:0 2px 6px}.zone__label{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-0);background:var(--ink-0);color:var(--key-light-0);padding:3px 7px;border-radius:2px}.zone__sub{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute)}.zone--accent .zone__label{background:var(--orange);color:var(--ink-0)}.zone__body{flex:1;display:flex;min-height:0;align-items:stretch;gap:6px}.zone__foot{display:flex;gap:6px;align-self:stretch;align-items:stretch}.zone__foot:empty{display:none}.zone__foot .key{flex:1 0 auto;min-width:70px;max-width:110px;align-items:center;justify-content:center;text-align:center}.zone__foot .key--primary{min-width:110px;max-width:140px}.display{position:relative;flex:1;min-height:200px;border-radius:4px;background-color:var(--lcd-bg);background-image:linear-gradient(45deg,rgba(243,235,217,.025) 25%,transparent 25%),linear-gradient(-45deg,rgba(243,235,217,.025) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(243,235,217,.025) 75%),linear-gradient(-45deg,transparent 75%,rgba(243,235,217,.025) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;border:1px solid var(--ink-0);box-shadow:inset 0 0 0 1px var(--lcd-rule),inset 0 2px 12px #00000080;display:flex;align-items:center;justify-content:center;overflow:hidden}.display__img{max-width:min(100%,280px);max-height:280px;image-rendering:pixelated;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}.display__placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--lcd-mute)}.display__pl-mark{font-family:var(--mono);font-size:28px;color:var(--lcd-faint)}.display__pl-text{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.display__error{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;text-align:center;color:var(--red);font-family:var(--mono);font-size:10px;max-width:32ch}.display__err-mark{font-family:var(--sans);font-size:28px;font-weight:800;line-height:1}.bouncer{display:flex;gap:5px}.bouncer span{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 4px #f0600099;animation:bounce .8s ease-in-out infinite}.bouncer span:nth-child(2){animation-delay:.1s}.bouncer span:nth-child(3){animation-delay:.2s}@keyframes bounce{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-5px);opacity:1}}.dz{position:relative;flex:1;min-height:200px;border-radius:4px;background:repeating-linear-gradient(45deg,transparent 0 10px,rgba(0,0,0,.04) 10px 11px),var(--key-light-0);border:1px dashed var(--rule-strong);display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:background .2s ease,border-color .2s ease}.dz.is-hover{background:repeating-linear-gradient(45deg,transparent 0 10px,rgba(240,96,0,.08) 10px 11px),#f060000f;border-color:var(--orange);border-style:solid}.dz:focus-visible{border-color:var(--orange)}.dz.is-disabled{opacity:.5;cursor:not-allowed}.dz__inner{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.dz__mark{width:36px;height:36px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;color:var(--ink-0);font-weight:700;font-size:22px;box-shadow:inset 0 1px #fff6,0 2px 6px #f0600066;transition:transform .22s cubic-bezier(.2,1.4,.2,1)}.dz__arrow{display:inline-block;font-family:var(--sans)}.dz:hover .dz__mark,.dz.is-hover .dz__mark{transform:translateY(-3px)}.dz__title{font-family:var(--sans);font-size:14px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-0)}.dz__sub{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute)}.dz__formats{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-top:4px}.dz__formats span{font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);background:var(--chassis-3);border:1px solid var(--rule-soft);padding:2px 5px;border-radius:2px}.key{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;font-family:var(--sans);font-weight:700;letter-spacing:.04em;color:var(--ink-0);background:linear-gradient(180deg,var(--key-light-0) 0%,var(--key-light-1) 50%,var(--key-light-2) 100%);border:1px solid var(--key-light-2);border-radius:var(--radius-key);padding:8px 12px;min-width:64px;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #0000000f,0 1px 0 var(--rule),0 2px 0 var(--rule-strong),0 4px 6px -2px #0003;transition:transform 80ms ease,box-shadow 80ms ease;font-size:11px;text-transform:uppercase}.key:hover:not(:disabled){background:linear-gradient(180deg,var(--key-light-0),var(--key-light-1))}.key:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 2px #0000001a,0 0 0 1px var(--rule)}.key:disabled{opacity:.4;cursor:not-allowed}.key__main{font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.1}.key__sub{font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.18em;color:var(--ink-mute);margin-top:2px}.key--primary{align-items:center;text-align:center;background:linear-gradient(180deg,var(--orange-soft) 0%,var(--orange) 50%,var(--orange-deep) 100%);border-color:var(--orange-deep);color:var(--ink-0);padding:10px 22px;font-weight:800;box-shadow:inset 0 1px #fff6,inset 0 -1px #0000002e,0 1px #0000002e,0 2px #6b2900,0 4px #4d1e00,0 6px 12px -3px #ba460080}.key--primary:hover{background:linear-gradient(180deg,#ffa667,var(--orange),var(--orange-deep))}.key--primary:active{transform:translateY(3px);box-shadow:inset 0 1px 2px #0003,0 0 0 1px var(--orange-deep),0 1px #4d1e00}.key--primary .key__main{font-size:12px;letter-spacing:.14em}.key--primary .key__sub{color:#0009}.lower{display:grid;grid-template-columns:5fr 7fr;gap:10px}@media (max-width: 880px){.lower{grid-template-columns:1fr}}.ctrl,.trace-panel{background:var(--chassis-2);border-radius:6px;padding:10px 12px 12px;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #00000014,inset 0 0 0 1px #0000000d;display:flex;flex-direction:column;gap:10px}.section-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px dashed var(--rule)}.section-head__label{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:var(--ink-0);color:var(--key-light-0);padding:3px 7px;border-radius:2px}.section-head__meta{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--ink-mute);font-feature-settings:"tnum"}.section-head__right{justify-self:end}.modetoggle{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-0);background:var(--key-light-0);border:1px solid var(--rule);padding:5px 10px;border-radius:3px;box-shadow:inset 0 1px #ffffffb3,0 1px #00000014;transition:background .16s ease}.modetoggle:hover{background:var(--key-light-1)}.modetoggle__led{width:8px;height:8px;border-radius:50%;background:var(--rule-strong);box-shadow:inset 0 0 0 1px #0003;transition:background .2s ease,box-shadow .2s ease}.modetoggle__led.is-on{background:var(--orange);box-shadow:inset 0 0 0 1px #0003,0 0 6px #f06000b3}.readouts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.readouts__copy{grid-column:1 / -1;margin:4px 0 0;font-family:var(--sans);font-size:12px;line-height:1.5;color:var(--ink-soft);max-width:50ch}.readouts__copy strong{color:var(--ink-0);font-weight:700}.readout{display:flex;flex-direction:column;gap:4px;padding:9px 11px;background:var(--lcd-bg);border-radius:4px;border:1px solid var(--ink-2);box-shadow:inset 0 1px 2px #00000073,inset 0 0 0 1px #ffffff0a}.readout__label{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--lcd-mute)}.readout__value{font-family:var(--mono);font-size:16px;font-weight:700;letter-spacing:.02em;color:var(--lcd-fg);font-feature-settings:"tnum"}.readout--orange .readout__value{color:var(--orange);text-shadow:0 0 4px rgba(240,96,0,.4)}.readout--green .readout__value{color:var(--green-led);text-shadow:0 0 4px rgba(65,213,110,.4)}.readout--red .readout__value{color:var(--red)}.adv{display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:var(--key-light-0);border:1px solid var(--rule-soft);border-radius:4px;box-shadow:inset 0 1px #ffffffb3}.field__head{display:flex;justify-content:space-between;align-items:baseline}.field__label{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}.field__readout{font-family:var(--mono);font-size:11px;font-weight:700;background:var(--lcd-bg);color:var(--orange);text-shadow:0 0 3px rgba(240,96,0,.35);padding:1px 7px;border-radius:2px;font-feature-settings:"tnum";min-width:56px;text-align:right}.field__body{padding-top:2px}.seg{display:inline-flex;background:var(--lcd-bg);border-radius:3px;padding:2px;align-self:flex-start;border:1px solid var(--ink-2)}.seg__btn{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 14px;color:var(--lcd-mute);border-radius:2px;transition:background .16s ease,color .16s ease}.seg__btn.is-on{background:var(--orange);color:var(--ink-0);box-shadow:0 0 8px #f0600066}.seg__btn:hover:not(.is-on):not(:disabled){color:var(--lcd-fg)}.slider{position:relative;height:24px;display:flex;align-items:center}.slider__track{position:absolute;left:0;right:0;top:11px;height:4px;background:var(--lcd-bg);border-radius:2px;box-shadow:inset 0 1px 1px #00000080}.slider__track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--slider-fill, 0%);background:linear-gradient(180deg,var(--orange-soft),var(--orange));border-radius:2px 0 0 2px}.slider__input{position:relative;z-index:1;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;margin:0;height:24px}.slider__input::-webkit-slider-runnable-track{height:24px;background:transparent}.slider__input::-moz-range-track{height:24px;background:transparent}.slider__input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--orange-soft),var(--orange) 60%,var(--orange-deep) 100%);border:1.5px solid var(--key-light-0);box-shadow:0 0 0 1px var(--orange-deep),0 1px #0003,0 2px 4px #00000040;cursor:grab;margin-top:4px;transition:transform .12s cubic-bezier(.2,1.4,.2,1)}.slider__input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--orange-soft),var(--orange) 60%,var(--orange-deep) 100%);border:1.5px solid var(--key-light-0);box-shadow:0 0 0 1px var(--orange-deep),0 1px #0003,0 2px 4px #00000040;cursor:grab;transition:transform .12s cubic-bezier(.2,1.4,.2,1)}.slider__input:hover::-webkit-slider-thumb,.slider__input:focus-visible::-webkit-slider-thumb{transform:scale(1.15)}.slider__input:hover::-moz-range-thumb,.slider__input:focus-visible::-moz-range-thumb{transform:scale(1.15)}.adv__reset{align-self:flex-start;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);padding:4px 0;transition:color .16s ease}.adv__reset:hover{color:var(--orange)}.trim{display:flex;flex-direction:column;gap:8px;padding:8px 10px;margin-bottom:10px;background:var(--key-light-0);border:1px solid var(--rule-soft);border-radius:4px;box-shadow:inset 0 1px #ffffffb3}.trim.is-disabled{opacity:.55}.trim__head{display:flex;justify-content:space-between;align-items:baseline}.trim__label{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}.trim__readout{font-family:var(--mono);font-size:11px;font-weight:700;background:var(--lcd-bg);color:var(--orange);text-shadow:0 0 3px rgba(240,96,0,.35);padding:1px 7px;border-radius:2px;font-feature-settings:"tnum"}.trim__strip{position:relative;display:flex;gap:1px;height:40px;padding:2px;background:var(--key-dark-0);border-radius:3px;overflow:hidden}.trim__thumb{flex:1 1 0;min-width:0;height:100%;object-fit:contain;background-color:#2a2722;background-image:linear-gradient(45deg,#1d1b17 25%,transparent 25%,transparent 75%,#1d1b17 75%),linear-gradient(45deg,#1d1b17 25%,transparent 25%,transparent 75%,#1d1b17 75%);background-size:8px 8px;background-position:0 0,4px 4px;transition:opacity .14s ease,filter .14s ease}.trim__thumb.is-out{opacity:.28;filter:grayscale(1)}.trim__window{position:absolute;top:0;bottom:0;pointer-events:none;border-left:2px solid var(--orange);border-right:2px solid var(--orange);box-shadow:inset 0 0 0 1px #f0600059}.trim__sliders{display:flex;flex-direction:column;gap:2px}.trim__row{display:grid;grid-template-columns:26px 1fr 86px;align-items:center;gap:8px}.trim__row-label{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}.trim__row-readout{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--ink-soft);font-feature-settings:"tnum";text-align:right}.trim__reset{align-self:flex-start;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);padding:2px 0;transition:color .16s ease}.trim__reset:hover:not(:disabled){color:var(--orange)}.trim__reset:disabled{opacity:.4;cursor:default}@media (prefers-reduced-motion: reduce){.trim__thumb{transition:none}}.crop__frame{display:flex;justify-content:center;padding:8px;overflow:hidden;background:var(--key-dark-0);border-radius:3px}.crop__stage{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#2a2722;background-image:linear-gradient(45deg,#1d1b17 25%,transparent 25%,transparent 75%,#1d1b17 75%),linear-gradient(45deg,#1d1b17 25%,transparent 25%,transparent 75%,#1d1b17 75%);background-size:8px 8px;background-position:0 0,4px 4px}.crop__img{display:block;width:100%;height:100%;pointer-events:none}.crop__box{position:absolute;cursor:move;border:2px solid var(--orange);box-shadow:0 0 0 9999px #0a090799;outline:none}.crop__box:focus-visible{border-color:var(--yellow)}.crop.is-disabled .crop__box{pointer-events:none}.crop__handle{position:absolute;width:12px;height:12px;background:var(--orange);border:2px solid var(--lcd-bg);border-radius:2px}.crop__handle:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.crop__handle--nw{left:-7px;top:-7px;cursor:nwse-resize}.crop__handle--ne{right:-7px;top:-7px;cursor:nesw-resize}.crop__handle--sw{left:-7px;bottom:-7px;cursor:nesw-resize}.crop__handle--se{right:-7px;bottom:-7px;cursor:nwse-resize}.crop__actions{display:flex;gap:16px}.trim__reset.is-on{color:var(--orange)}.trace{display:flex;flex-direction:column;gap:12px;font-family:var(--mono);background:var(--lcd-bg);border-radius:4px;padding:12px 14px 14px;border:1px solid var(--ink-2);box-shadow:inset 0 1px 2px #0006;position:relative;overflow:hidden}.trace:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0 2px,rgba(255,255,255,.012) 2px 3px);pointer-events:none}.trace--empty{padding:22px 14px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lcd-faint);text-align:center}.trace__plot{position:relative}.trace__axis{position:relative;height:16px;margin-left:86px;margin-right:60px;border-bottom:1px solid var(--lcd-rule)}.trace__tick{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;font-size:9px;letter-spacing:.04em;color:var(--lcd-faint);transform:translate(-50%);font-feature-settings:"tnum"}.trace__tick-mark{width:1px;height:5px;background:var(--lcd-rule)}.trace__tick-label{margin-top:2px}.trace__target{position:absolute;top:-8px;bottom:-10px;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);pointer-events:none;z-index:2}.trace__target-line{width:1px;flex:1;background-image:linear-gradient(to bottom,var(--orange) 0,var(--orange) 4px,transparent 4px,transparent 8px);background-size:1px 8px}.trace__target-label{position:absolute;top:-16px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);white-space:nowrap;background:var(--lcd-bg);padding:0 4px;text-shadow:0 0 4px rgba(240,96,0,.4)}.trace__rows{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.trace__row{display:grid;grid-template-columns:22px 56px 1fr 60px;align-items:center;gap:8px;font-size:10px;letter-spacing:.04em;font-feature-settings:"tnum";color:var(--lcd-mute);animation:slidein .28s cubic-bezier(.2,.8,.2,1) both}@keyframes slidein{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.trace__index{color:var(--lcd-faint)}.trace__meta{display:flex;gap:4px;white-space:nowrap}.trace__dim{color:var(--lcd-fg);font-weight:600}.trace__sep{color:var(--lcd-faint)}.trace__q{color:var(--lcd-mute)}.trace__bar-wrap{position:relative;height:10px;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,255,255,.02) 8px 9px),var(--ink-1);border-left:1px solid var(--lcd-rule);border-radius:1px}.trace__bar{position:relative;height:100%;display:flex;align-items:center;transition:width .36s cubic-bezier(.2,.8,.2,1);border-radius:1px}.trace__bar.is-fits{background:linear-gradient(90deg,rgba(65,213,110,.3) 0%,var(--green-led) 100%);box-shadow:0 0 6px #41d56e66}.trace__bar.is-over{background:linear-gradient(90deg,rgba(217,46,46,.3) 0%,var(--red) 100%)}.trace__bar.is-failed{background:repeating-linear-gradient(-45deg,var(--lcd-rule) 0,var(--lcd-rule) 3px,var(--ink-1) 3px,var(--ink-1) 6px)}.trace__pulse{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(240,96,0,.18) 40%,rgba(240,96,0,.5) 60%,transparent 100%);background-size:30% 100%;background-repeat:no-repeat;animation:scan 1.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes scan{0%{background-position:-40% 0}to{background-position:140% 0}}.trace__bytes{text-align:right;white-space:nowrap;font-feature-settings:"tnum"}.trace__bytes.is-fits{color:var(--green-led)}.trace__bytes.is-over{color:var(--red)}.trace__bytes.is-failed,.trace__row--pending{color:var(--lcd-faint)}.manifest{padding:6px 8px 0;margin-top:2px}.manifest__row{display:flex;flex-wrap:wrap;gap:6px 22px;font-family:var(--mono);font-size:9px;letter-spacing:.04em}.pair{display:inline-flex;align-items:baseline;gap:5px}.pair__k{font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute)}.pair__v{color:var(--ink-soft)}.manifest__link{transition:color .16s ease;position:relative}.manifest__link .pair__v{color:var(--ink-1);font-weight:700}.manifest__link:after{content:"";position:absolute;left:0;right:0;bottom:-3px;width:0;margin:0 auto;height:1px;background:var(--orange);transition:width .24s cubic-bezier(.2,.8,.2,1)}.manifest__link:hover:after{width:100%}@media (max-width: 640px){.device{padding:16px 10px 24px}.chassis{padding:14px 10px 12px}.modebar{flex-wrap:wrap}.head{grid-template-columns:1fr}.grille{width:100%;height:60px}.brand__model{font-size:30px}.lcd{padding:10px 12px 12px}.lcd__row--top{font-size:13px;gap:8px;flex-wrap:wrap}.lcd__bars{display:none}.seg7{font-size:22px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
