:root{--bg:#e9e5dd;--panel:#fbfaf7;--panel-2:#f2efe8;--panel-3:#e8e4db;--ink:#1d1e20;--ink-soft:#5c5f65;--ink-faint:#8b8e94;--line:#1d1e2014;--line-strong:#1d1e202b;--accent:#1d7a4c;--accent-hover:#166640;--accent-ink:#fff;--accent-soft:#1d7a4c18;--danger:#c13f2b;--danger-soft:#c13f2b14;--warn:#a8670f;--ok:#2f9e57;--warn-soft:#e8a2361f;--info:#2d62d6;--board:#f5f2ea;--shadow:0 1px 2px #0000000f, 0 8px 24px #0000001a;--radius:10px;--font:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#151618;--panel:#1e1f22;--panel-2:#26272b;--panel-3:#2f3035;--ink:#ecebe7;--ink-soft:#a6a8ad;--ink-faint:#7a7c82;--line:#ffffff12;--line-strong:#ffffff24;--accent:#36a96f;--accent-hover:#42bb7d;--accent-ink:#0d1a12;--accent-soft:#36a96f22;--danger:#ec6a55;--danger-soft:#ec6a551c;--warn:#e2a64a;--ok:#4cc27a;--warn-soft:#e2a64a1c;--info:#6d97ef;--board:#2a2b2f;--shadow:0 1px 2px #00000040, 0 10px 28px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#151618;--panel:#1e1f22;--panel-2:#26272b;--panel-3:#2f3035;--ink:#ecebe7;--ink-soft:#a6a8ad;--ink-faint:#7a7c82;--line:#ffffff12;--line-strong:#ffffff24;--accent:#36a96f;--accent-hover:#42bb7d;--accent-ink:#0d1a12;--accent-soft:#36a96f22;--danger:#ec6a55;--danger-soft:#ec6a551c;--warn:#e2a64a;--ok:#4cc27a;--warn-soft:#e2a64a1c;--info:#6d97ef;--board:#2a2b2f;--shadow:0 1px 2px #00000040, 0 10px 28px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--ink);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}:focus-visible{outline:2px solid var(--info);outline-offset:2px}kbd{font:500 11px/1 var(--mono);background:var(--panel-2);border:1px solid var(--line-strong);color:var(--ink);border-bottom-width:2px;border-radius:4px;padding:3px 5px}.hint{color:var(--ink-soft);margin:0;font-size:12.5px}.note{color:var(--ink-soft);border-left:2px solid var(--line-strong);margin:0;padding-left:10px;font-size:12.5px}.sub{color:var(--ink-soft);margin:2px 0 0;font-size:12.5px}.error-text{color:var(--danger);margin:4px 0 0;font-size:12px}.app{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100%;display:grid}.main{min-height:0;display:flex}.stage{flex-direction:column;flex:1;min-width:0;display:flex}.viewport{touch-action:none;flex:1;min-height:0;position:relative}.viewport canvas{display:block}.btn{border:1px solid var(--line-strong);background:var(--panel);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--panel-2)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.danger{color:var(--danger)}.btn.danger-solid{background:var(--danger);color:#fff;border-color:#0000}.btn.block{width:100%;height:40px}.icon-btn{width:34px;height:34px;color:var(--ink-soft);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--panel-3);color:var(--ink)}.icon-btn[aria-pressed=true]{color:var(--accent)}.icon-btn.small{border-radius:6px;width:26px;height:26px}.topbar{height:52px;padding-left:max(8px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px));background:var(--panel);border-bottom:1px solid var(--line-strong);z-index:20;align-items:center;gap:12px;display:flex;position:relative}.topbar-group{align-items:center;gap:4px;min-width:0;display:flex}.topbar-group.tools{flex:1;justify-content:center}.topbar-group.end{gap:2px}.brand{align-items:center;gap:8px;margin:0 6px 0 2px;display:flex}.brand-name{letter-spacing:-.01em;white-space:nowrap;font-weight:600}.file-name{border-left:1px solid var(--line-strong);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:220px;padding-left:12px;display:inline-flex;overflow:hidden}.dirty-dot{background:var(--warn);border-radius:50%;flex:none;width:7px;height:7px}.tool{height:34px;color:var(--ink-soft);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.tool:hover:not(:disabled){background:var(--panel-3);color:var(--ink)}.divider{background:var(--line-strong);width:1px;height:20px;margin:0 6px}.run-control{align-items:center;gap:10px;margin-right:8px;display:flex}.run-btn{color:#fff;background:var(--accent);border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:88px;height:36px;padding:0 18px 0 14px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:inset 0 -2px #00000026}.run-btn:hover{background:var(--accent-hover)}.run-btn.stop{background:var(--danger)}.run-status{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;width:92px;line-height:1.15;display:flex;overflow:hidden}.run-time{font:500 14px var(--mono)}.sim-time{color:var(--ink-soft);align-items:center;gap:5px;font-size:11px;display:inline-flex}.pace{background:var(--ok);border-radius:50%;flex:none;width:7px;height:7px;transition:background-color .4s}.pace.tight{background:var(--warn)}.pace.behind{background:var(--danger)}.pulse{color:var(--ink-soft);font-size:12.5px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}@media (width<=1180px){.tool-label{display:none}}.more{display:none;position:relative}.menu{background:var(--panel);border:1px solid var(--line-strong);min-width:180px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.menu button{text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;height:40px;padding:0 10px;display:flex}.menu button:hover:not(:disabled){background:var(--panel-2)}@media (width<=760px){.brand-name,.file-name,.topbar-group.tools{display:none}.topbar{justify-content:space-between}.more{display:block}.wide-only{display:none}.run-control{margin-right:0}.run-btn{width:44px;min-width:0;padding:0}.run-label{display:none}}.side-panel{background:var(--panel);border-right:1px solid var(--line-strong);flex-direction:column;flex:none;width:296px;min-height:0;display:flex}@media (width<=760px){.side-panel{z-index:15;box-shadow:var(--shadow);position:absolute;top:52px;bottom:0;left:0}}.side-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:44px;padding:0 8px 0 16px;display:flex}.side-head h2{align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:inline-flex}.objects{flex:1;padding:8px 8px 16px;overflow-y:auto}.group h3{margin:10px 0 2px}.group h3 button{width:100%;font:600 11px/1 var(--font);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);background:0 0;border:0;align-items:center;gap:6px;padding:4px 6px;display:flex}.group .count{letter-spacing:0;margin-left:auto;font-weight:500}.group ul,.library{margin:0;padding:0;list-style:none}.row{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex}.row:hover{background:var(--panel-2)}.row.on{background:var(--accent-soft)}.row-icon{width:30px;height:30px;color:var(--ink-soft);flex:none;place-items:center;display:grid}.row-icon img{width:30px;height:30px}.row-text{flex-direction:column;flex:1;min-width:0;display:flex}.row-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.row-detail{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.live{font:500 12px var(--mono);color:var(--accent);white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.live.hot{color:var(--danger)}.plug-dot{border:1.5px solid var(--ink-faint);border-radius:50%;flex:none;width:7px;height:7px}.plug-dot.in{background:var(--accent);border-color:var(--accent)}.wire-dot{border:1px solid var(--line-strong);border-radius:50%;width:14px;height:14px}.empty-state{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 8px;display:flex}.empty-state p{margin:0}.drawer{background:var(--panel);border-top:1px solid var(--line-strong);padding-bottom:env(safe-area-inset-bottom,0px);z-index:10;position:relative}.drawer-head{align-items:center;gap:12px;min-width:0;padding:6px 12px;display:flex}.drawer-toggle{background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:4px 6px;font-weight:600;display:inline-flex}.drawer-toggle:hover{background:var(--panel-2)}.chips{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.chip{border:1px solid var(--line-strong);white-space:nowrap;height:28px;color:var(--ink-soft);background:0 0;border-radius:14px;padding:0 11px;font-size:12.5px}.chip.on{background:var(--ink);color:var(--panel);border-color:#0000}.search{background:var(--panel-2);height:30px;color:var(--ink-faint);border-radius:8px;flex:0 200px;align-items:center;gap:6px;min-width:120px;margin-left:auto;padding:0 10px;display:flex}.search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none}.drawer-items{box-sizing:border-box;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;gap:8px;height:146.4px;padding:4px 12px 12px;display:flex;overflow:auto hidden}.part-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);touch-action:pan-x;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;flex:none;grid-template-rows:46px 30px 26.4px;place-items:start center;row-gap:4px;width:112px;padding:10px 6px 8px;transition:border-color .12s,transform .12s;display:grid}@media (hover:hover){.part-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}}.part-card.active{border-color:var(--accent);background:var(--accent-soft)}.part-icon{height:46px;color:var(--ink-soft);place-items:center;display:grid}.part-icon img{pointer-events:none;width:44px;height:44px}:root[data-theme=dark] .part-icon img,:root[data-theme=dark] .row-icon img{filter:invert(.88)hue-rotate(180deg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .part-icon img,:root:not([data-theme=light]) .row-icon img{filter:invert(.88)hue-rotate(180deg)}}.part-label{text-align:center;-webkit-line-clamp:2;text-wrap:balance;-webkit-box-orient:vertical;align-self:center;font-size:12.5px;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.part-hint{color:var(--ink-faint);text-align:center;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.2;display:-webkit-box;overflow:hidden}.drawer .empty{color:var(--ink-soft);margin:0;padding:20px 4px}.info-pane{background:var(--panel);border:1px solid var(--line-strong);width:300px;max-height:calc(100% - 24px);box-shadow:var(--shadow);z-index:5;border-radius:12px;position:absolute;top:12px;right:12px;overflow-y:auto}.info-head{justify-content:space-between;align-items:flex-start;gap:8px;padding:14px 12px 8px 16px;display:flex}.info-head h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.info-body{flex-direction:column;gap:14px;padding:6px 16px 14px;display:flex}.info-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:10px 16px 14px;display:flex}.callout{background:var(--panel-2);border-radius:8px;align-items:flex-start;gap:8px;margin:0 12px 8px;padding:9px 11px;font-size:12.5px;display:flex}.callout svg{flex:none;margin-top:1px}.callout.danger{background:var(--danger-soft);color:var(--danger)}.readout{background:var(--line);border-radius:8px;grid-template-columns:1fr 1fr;gap:1px;margin:0 12px 6px;display:grid;overflow:hidden}.readout div{background:var(--panel-2);padding:8px 10px}.readout dt{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.readout dd{font:500 16px var(--mono);font-variant-numeric:tabular-nums;margin:2px 0 0}.field{flex-direction:column;gap:6px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);font-size:11px;font-weight:600}.field input:not([type]),.field select,.value-row select{border:1px solid var(--line-strong);background:var(--panel);border-radius:7px;min-width:0;height:34px;padding:0 10px}.field textarea{border:1px solid var(--line-strong);background:var(--panel);font:inherit;color:inherit;resize:vertical;border-radius:7px;min-width:0;min-height:110px;padding:8px 10px}.bug-report .setting{padding:2px 0}.report-privacy{flex-direction:column;gap:4px;display:flex}.report-privacy p{margin:0}.report-error{background:var(--danger-soft);color:var(--danger);border-radius:8px;padding:10px 12px;font-size:13px}.report-error p,.report-error ul{margin:0}.report-error ul{margin-top:4px;padding-left:18px}.report-sent{color:var(--ok);align-items:center;gap:8px;margin:4px 0;font-weight:600;display:flex}.value-row{gap:6px;display:flex}.value-row select{flex:0 0 104px}.value-input{border:1px solid var(--line-strong);background:var(--panel);border-radius:7px;flex:1;align-items:center;min-width:0;height:34px;padding-right:10px;display:flex}.value-input:focus-within{border-color:var(--info)}.value-input.bad{border-color:var(--danger)}.field .value-input input{height:100%;font:500 14px var(--mono);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0 10px}.value-input .unit{color:var(--ink-soft);font-family:var(--mono)}.bands{background:#d7c49e;border-radius:11px;align-self:flex-start;align-items:center;gap:5px;height:22px;padding:0 14px;display:flex}.bands span{border-radius:1px;width:7px;height:22px}.bands span:last-child{margin-left:8px}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border:2px solid var(--panel);width:28px;height:28px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%}.swatch.on{box-shadow:0 0 0 2px var(--ink)}.segmented{border:1px solid var(--line-strong);border-radius:8px;display:flex;overflow:hidden}.segmented button{background:var(--panel);height:32px;font:500 12.5px var(--mono);border:0;flex:1}.segmented button.on{background:var(--ink);color:var(--panel)}.btn.hold{-webkit-user-select:none;user-select:none;touch-action:none;height:44px}.btn.hold:active{background:var(--accent);color:var(--accent-ink)}.pot{align-items:center;gap:16px;display:flex}.pot svg{touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;border-radius:50%}.pot svg:focus:not(:focus-visible){outline:none}.pot-track{fill:none;stroke:var(--panel-3);stroke-width:6px;stroke-linecap:round}.pot-fill{fill:none;stroke:var(--accent);stroke-width:6px;stroke-linecap:round}.pot-knob{fill:var(--panel-2);stroke:var(--line-strong);stroke-width:1.5px}.pot-mark{stroke:var(--ink);stroke-width:4px;stroke-linecap:round}.pot-value{font:500 22px var(--mono)}.pinout.dip{grid-template-columns:1fr 44px 1fr;gap:0 6px;display:grid}.dip-col{flex-direction:column;gap:2px;display:flex}.dip-body{background:#2b2c2f;border-radius:4px;place-items:center;display:grid;position:relative}.notch{background:var(--panel);border-radius:0 0 7px 7px;width:14px;height:7px;margin-left:-7px;position:absolute;top:-1px;left:50%}.dip-label{writing-mode:vertical-rl;font:500 11px var(--mono);color:#d9d9d9;letter-spacing:.05em}.pin{align-items:center;gap:5px;height:22px;font-size:12px;display:flex}.pin.left{justify-content:flex-end}.pin-no{background:var(--panel-3);width:20px;height:18px;font:500 10.5px var(--mono);color:var(--ink-soft);border-radius:3px;flex:none;place-items:center;display:grid}.pin-name{white-space:nowrap;font-weight:500}.pin-v{font:11px var(--mono);white-space:nowrap;color:var(--accent)}.pinout.inline{flex-direction:column;gap:2px;display:flex}.mode-banner{background:var(--ink);color:var(--panel);box-shadow:var(--shadow);white-space:nowrap;z-index:6;border-radius:10px;align-items:center;gap:12px;max-width:calc(100% - 24px);padding:6px 6px 6px 14px;font-size:13px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.mode-banner .keys{color:color-mix(in srgb, var(--panel) 70%, transparent);align-items:center;gap:5px;font-size:12px;display:flex}.mode-banner kbd{background:color-mix(in srgb, var(--panel) 16%, transparent);border-color:color-mix(in srgb, var(--panel) 30%, transparent);color:var(--panel);margin-left:6px}.mode-banner .icon-btn{color:inherit}.mode-banner .icon-btn:hover{background:color-mix(in srgb, var(--panel) 16%, transparent)}.hole-tag{font:500 12px var(--mono);background:var(--accent);color:#fff;border-radius:5px;padding:2px 7px}@media (width<=760px){.mode-banner .keys{display:none}.mode-banner{white-space:normal;gap:6px;width:max-content;padding:4px 4px 4px 12px;line-height:1.3;top:8px}.mode-banner .icon-btn{flex:none;width:36px;height:36px}}.view-controls{z-index:4;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:12px;left:12px}.fab{border:1px solid var(--line-strong);background:var(--panel);width:40px;height:40px;color:var(--ink-soft);box-shadow:var(--shadow);border-radius:10px;place-items:center;display:grid}.fab:hover{color:var(--ink)}.fab.on{background:var(--accent);color:var(--accent-ink);border-color:#0000}.notices{z-index:7;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(420px,100% - 80px);display:flex;position:absolute;bottom:12px;right:12px}.notice{background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow);pointer-events:auto;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 6px 10px 12px;font-size:13px;animation:.18s ease-out rise;display:flex}.notice>svg{flex:none;margin-top:1px}.notice span{flex:1}.notice.error>svg{color:var(--danger)}.notice.warning>svg{color:var(--warn)}.notice.success>svg{color:var(--accent)}.notice.info>svg{color:var(--info)}.notice.error{border-color:color-mix(in srgb, var(--danger) 45%, transparent)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.drop-zone{z-index:50;background:color-mix(in srgb, var(--accent) 22%, transparent);border:3px dashed var(--accent);pointer-events:none;place-content:center;justify-items:center;gap:10px;font-size:16px;font-weight:600;display:grid;position:fixed;inset:0}.modal-backdrop{z-index:40;background:#0d0e1066;place-items:center;padding:16px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--panel);border:1px solid var(--line-strong);border-radius:14px;width:min(460px,100%);max-height:calc(100% - 32px);overflow-y:auto;box-shadow:0 24px 64px #00000040}.modal.wide{width:min(760px,100%)}.modal-head{justify-content:space-between;align-items:center;padding:16px 14px 8px 20px;display:flex}.modal-head h2{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:17px;font-weight:600}.modal-body{flex-direction:column;gap:12px;padding:6px 20px 20px;display:flex}.modal-body h3{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);margin:8px 0 0;font-size:11px;font-weight:600}.modal-body p{margin:0}.modal-foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.sample-group{flex-direction:column;gap:8px;display:flex}.sample-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.sample-card{text-align:left;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--panel-2);flex-direction:column;gap:4px;padding:0 0 12px;display:flex;overflow:hidden}.sample-card:hover{border-color:var(--accent)}.sample-thumb{aspect-ratio:8/5;object-fit:cover;background:var(--line);border-bottom:1px solid var(--line);width:100%;height:auto;margin-bottom:6px;display:block}.sample-title{padding:0 14px;font-weight:600}.sample-desc{color:var(--ink-soft);padding:0 14px;font-size:12.5px}.library li{align-items:center;gap:4px;display:flex}.settings .setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.settings .setting>span{flex-direction:column;gap:2px;display:flex}.setting-label{font-weight:500}.settings .setting.stacked{flex-direction:column;align-items:stretch;gap:8px}.setting input[type=checkbox]{appearance:none;background:var(--panel-3);border:1px solid var(--line-strong);cursor:pointer;border-radius:11px;flex:none;width:38px;height:22px;transition:background .15s;position:relative}.setting input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.setting input[type=checkbox]:checked{background:var(--accent)}.setting input[type=checkbox]:checked:after{transform:translate(16px)}.setting input[type=range]{width:160px;accent-color:var(--accent)}.steps{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.shortcuts{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 16px;margin:0;display:grid}.shortcuts div{align-items:center;gap:10px;display:flex}.shortcuts dt{flex:0 0 88px}.shortcuts dd{color:var(--ink-soft);margin:0;font-size:12.5px}.scope{color:#dfe9e3;width:min(440px,100% - 24px);box-shadow:var(--shadow);z-index:5;background:#171c1a;border:1px solid #2c3632;border-radius:12px;flex-direction:column;display:flex;position:absolute;top:12px;left:12px;overflow:hidden}.scope-head{color:#b8c7bf;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.scope-head h2{color:#e6efe9;margin:0;font-size:13px;font-weight:600}.scope-trig{font:500 11px var(--mono);color:#8fa59a;margin-left:auto}.scope .icon-btn{color:inherit}.scope .icon-btn:hover,.scope .icon-btn.on{background:#ffffff14}.scope-screen{aspect-ratio:10/6.4;border-radius:6px;max-height:34vh;margin:0 8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #96c8af2e}.scope-screen canvas{width:100%;height:100%;display:block}.scope-idle{color:#a9bdb2;pointer-events:none;background:#0c14118c;place-items:center;margin:0;font-size:13px;display:grid;position:absolute;inset:0}.scope-controls{grid-template-columns:1fr 1fr;gap:6px 10px;padding:8px 10px 4px;display:grid}.scope-ch{flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;display:flex}.scope-probe{color:#e6efe9;height:28px;font:500 12px var(--mono);background:#1f2623;border:1px solid #36423d;border-radius:7px;align-items:center;gap:6px;padding:0 10px 0 8px;display:inline-flex}.scope-probe .dot{background:var(--ch);width:10px;height:10px;box-shadow:0 0 6px var(--ch);border-radius:50%}.scope-probe.on{border-color:var(--ch);background:color-mix(in srgb, var(--ch) 16%, #1f2623)}.scope select{color:#e6efe9;height:28px;font:12px var(--mono);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1f2623;border:1px solid #36423d;border-radius:7px;padding:0 4px}.scope-read{font:11.5px var(--mono);color:var(--ch);flex-basis:100%;min-height:15px}.scope-time{grid-column:1/-1;gap:6px;display:flex}.scope-auto{color:#e6efe9;height:28px;font:500 12px var(--sans,inherit);background:#1f2623;border:1px solid #36423d;border-radius:7px;padding:0 12px}.scope-auto:hover{background:#28312d}.scope-trigger{align-items:center;gap:4px;margin-left:auto;display:flex}.scope-trigger-label{font:11px var(--mono);color:#8fa59a;text-transform:uppercase;letter-spacing:.04em}.scope-edge{color:#e6efe9;width:30px;height:28px;font:600 14px var(--mono);background:#1f2623;border:1px solid #36423d;border-radius:7px}.scope-edge:hover{background:#28312d}.scope-note{color:#8fa59a;margin:0;padding:2px 12px 10px;font-size:11.5px}.seg-pins{flex-direction:column;align-items:center;gap:4px;display:flex}.seg-row{grid-template-columns:repeat(5,1fr);gap:4px;width:100%;display:grid}.seg-row span{background:var(--panel-2);font:500 12px var(--mono);border-radius:6px;flex-direction:column;align-items:center;padding:3px 0;display:flex}.seg-row span b{color:var(--ink-faint);font-size:10px;font-weight:400}.seg-row span.com{color:var(--accent)}.seg-digit{font:600 40px/1 var(--mono);color:#e0403a;transform:skew(-8deg)}.share-url{font:12px var(--mono)}@media (width<=760px){.part-card{grid-template-rows:36px 30px;width:92px;padding:8px 4px 6px}.part-hint{display:none}.drawer-items{height:98px}.part-icon{height:36px}.part-icon img{width:34px;height:34px}.chips{display:none}.search{flex:1}.drawer-items{gap:6px;padding:2px 10px 10px}.info-pane{width:auto;max-height:46%;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);overscroll-behavior:contain;border-width:1px 0 0;border-radius:14px 14px 0 0;inset:auto 0 0}.stage{position:relative}.drawer{position:absolute;bottom:0;left:0;right:0}.stage.has-selection .drawer{display:none}.view-controls{inset:12px 12px auto auto}.info-head{padding-top:10px}.info-body{gap:10px;padding-bottom:10px}.info-actions{padding-top:8px;padding-bottom:10px}.notices{max-width:none;inset:12px 64px auto 12px}.mode-banner{max-width:calc(100% - 76px);left:12px;transform:none}.scope{border-width:0 0 1px;border-radius:0 0 12px 12px;width:100%;top:0;left:0}.scope-head{padding-block:2px}.scope-screen{aspect-ratio:auto;height:19vh;max-height:none}.scope-controls{gap:4px 8px;padding:6px 8px}.scope-ch{flex-wrap:nowrap;padding-bottom:14px;position:relative}.scope-read{white-space:nowrap;font-size:10.5px;position:absolute;bottom:0;left:2px}.scope select,.scope-probe,.scope-auto,.scope-edge{height:26px;font-size:11px}.scope select{flex:1;min-width:0}.scope-probe{padding:0 8px 0 6px}.scope-ch .icon-btn.small{display:none}.scope-ch .scope-probe.on+.icon-btn.small{display:inline-flex}.scope-note{display:none}.stage.scope-open .view-controls,.stage.scope-open .notices,.stage.scope-open .mode-banner{top:auto;bottom:calc(var(--drawer-h,190px) + 12px)}}.crash,.gl-lost{padding-block:24px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));background:var(--bg);color:var(--ink);text-align:center;z-index:30;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.crash h2{margin:0;font-size:17px}.crash pre{white-space:pre-wrap;background:var(--panel-2);max-width:min(560px,100%);font:12px/1.5 var(--mono);text-align:left;border-radius:8px;margin:0;padding:10px 12px;overflow:auto}.crash-actions{gap:8px;display:flex}.link-btn{color:var(--ink-soft);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-right:auto;padding:0 4px;font-size:13px;text-decoration:underline}.link-btn:hover{color:var(--ink)}.about{line-height:1.55}.about-lede{color:var(--ink);font-size:15px}.about p:not(.about-lede){color:var(--ink-soft)}.about .about-offline{background:var(--accent-soft);color:var(--ink);border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.about .about-offline svg{color:var(--accent);flex:none;margin-top:3px}.about .about-offline.unavailable{background:var(--line)}.about .about-offline.unavailable svg{color:var(--ink-faint)}.credits{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.credits li{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:0 12px;padding:8px 0;display:grid}.credits li:last-child{border-bottom:1px solid var(--line)}.credits a{color:var(--ink);font-weight:500;text-decoration:none}.credits a:hover{text-decoration:underline}.credit-what{color:var(--ink-soft);grid-column:1;font-size:13px}.credit-licence{font-family:var(--mono,"IBM Plex Mono", monospace);color:var(--ink-faint);text-align:right;grid-area:1/2/span 2;align-self:center;font-size:11.5px}.about .about-version{font-family:var(--mono,"IBM Plex Mono", monospace);color:var(--ink-faint);font-size:12px}.about .about-licences{color:var(--ink-soft);font-size:12.5px}@media (width<=600px){.sample-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.sample-title,.sample-desc{padding:0 10px}}@media (width<=1360px){.tool-label{display:none}}@media (width<=960px){.brand-name{display:none}.file-name{max-width:120px}}