:root{--accent:#6d5cff;--accent-strong:#5a45ff;--accent-soft:#6d5cff26;--amber:#f0a636;--cyan:#22c3e6;--green:#35c281;--red:#ef5b6b;--radius:10px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 1px 2px #0000001a;--shadow:0 10px 30px #00000030;--shadow-lg:0 24px 60px #00000045;--font:"Segoe UI", Roboto, system-ui, -apple-system, sans-serif;--mono:"Cascadia Mono", "SF Mono", Consolas, "Liberation Mono", monospace;font-synthesis-weight:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--bg:#0b0b0f;--surface:#141419;--surface-2:#1b1b22;--surface-3:#23232c;--border:#2a2a34;--border-soft:#20202a;--txt:#f2f2f5;--txt-dim:#9b9baa;--txt-faint:#6c6c7d;--canvas:#15171d;--canvas-frame:#0b0b0f;--canvas-pill:#1f2229e6;--canvas-pill-txt:#d6d9e2;--canvas-pill-bd:#333a47;--danger-bg:#2a1a1e;--danger-bd:#5a2a33;--warn-bg:#2a2318;--warn-bd:#5a4a28;--ok-bg:#16281f}:root[data-theme=light]{--bg:#eef0f5;--surface:#fff;--surface-2:#f5f6fa;--surface-3:#eaecf3;--border:#d8dbe4;--border-soft:#e6e8ef;--txt:#14151a;--txt-dim:#5c6070;--txt-faint:#8b90a0;--canvas:#f4f6f9;--canvas-frame:#dfe2ea;--canvas-pill:#ffffffe6;--canvas-pill-txt:#2b2f38;--canvas-pill-bd:#ccd1dc;--danger-bg:#fdecee;--danger-bd:#f3c2c8;--warn-bg:#fdf4e3;--warn-bd:#eeddb4;--ok-bg:#e8f7ef;--shadow:0 10px 30px #1c1f2a14;--shadow-lg:0 24px 60px #1c1f2a1f}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}html,body{background:var(--bg);height:100%;color:var(--txt);font-family:var(--font);-webkit-text-size-adjust:100%;margin:0;font-size:13px;overflow:hidden}.icon{flex:none}.shell{flex-direction:column;gap:10px;height:100%;padding:10px;display:flex}.topbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.topbar__nav{display:contents}.topbar>.topbar__burger,.topbar__nav>.navhead,.nav-veil{display:none}.brand{letter-spacing:.2px;white-space:nowrap;align-items:center;gap:9px;padding-right:4px;font-size:14px;font-weight:700;display:flex}.brand__mark{background:linear-gradient(140deg, var(--accent), #9b7bff);color:#fff;border-radius:9px;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 4px 12px #6d5cff40}.brand__mark svg{fill:#fff;width:18px;height:18px}.brand__text{flex-direction:column;justify-content:center;min-width:0;display:flex}.brand__name{font-size:13.5px;line-height:1.1}.brand__sub{color:var(--txt-dim);letter-spacing:0;text-overflow:ellipsis;max-width:32ch;font-size:10.5px;font-weight:500;line-height:1.4;overflow:hidden}.navgroup{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:12px;align-items:center;gap:3px;padding:3px;display:flex}.navgroup--plain{background:0 0;border-color:#0000;padding:0}.navspacer{flex:auto;min-width:4px}.navsep{background:var(--border);align-self:stretch;width:1px;min-height:22px;margin:0 2px}.main{flex:auto;gap:10px;min-height:0;display:flex}.main[data-view=board] .canvas--schematic,.main[data-view=schematic] .canvas--board{display:none}.main[data-view=split] .canvas{flex:50%}.canvas{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);touch-action:none;flex:auto;position:relative;overflow:hidden}.canvas__svg{-webkit-user-select:none;user-select:none;cursor:default;width:100%;height:100%;display:block;position:absolute;inset:0}.canvas__svg.is-drawing{cursor:crosshair}.canvas__svg text{cursor:inherit}.canvas__hint,.canvas__zoom{background:var(--canvas-pill);color:var(--canvas-pill-txt);border:1px solid var(--canvas-pill-bd);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:5px 12px;font-size:12px;position:absolute;bottom:12px}.canvas__hint{pointer-events:none;max-width:calc(100% - 140px);left:12px}.canvas__zoom{font-variant-numeric:tabular-nums;padding:5px 10px;font-weight:600;right:12px}.canvas__tag{pointer-events:none;background:var(--canvas-pill);color:var(--canvas-pill-txt);border:1px solid var(--canvas-pill-bd);letter-spacing:.02em;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:600;position:absolute;top:10px;left:12px}.overlay{pointer-events:none;position:absolute;inset:0}.inline-edit{z-index:40;pointer-events:auto;border:2px solid var(--accent);color:#111;font-family:var(--font);background:#fff;border-radius:6px;margin:0;padding:1px 5px;position:fixed;box-shadow:0 6px 18px #0000002e}.inline-edit:focus{outline:none}.btn{color:var(--txt);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:6px 11px;font-size:12.5px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:focus-visible,.field input:focus-visible,.field select:focus-visible,.switch:focus-within{outline:2px solid var(--accent);outline-offset:1px}.btn:disabled{opacity:.4;cursor:default}.btn:disabled:hover{background:0 0}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 16px #6d5cff33}.btn--primary:hover{background:var(--accent-strong)}.btn--outline{border-color:var(--border);background:var(--surface)}.btn--outline:hover{background:var(--surface-3)}.btn--danger{color:var(--red)}.btn--danger:hover{background:var(--danger-bg)}.btn--ghost{color:var(--txt-dim)}.btn--icon{border-radius:9px;padding:6px}.btn--small{padding:4px 9px;font-size:12px}.btn.is-active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.badge{background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}.badge--ok{background:var(--green)}.badge--muted{background:var(--surface-3);color:var(--txt-dim)}.switch{color:var(--txt);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:5px 10px 5px 11px;font-size:12.5px;display:inline-flex}.switch:hover{background:var(--surface-3)}.switch__track{background:var(--surface-3);border:1px solid var(--border);border-radius:999px;width:30px;height:17px;transition:background .15s;position:relative}.switch__track:after{content:"";background:var(--txt-faint);border-radius:50%;width:11px;height:11px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch.is-on .switch__track{background:var(--accent-soft);border-color:var(--accent)}.switch.is-on .switch__track:after{background:var(--accent);transform:translate(13px)}.iconchip{border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.iconchip--violet{color:#8b7bff;background:#6d5cff24}.iconchip--amber{color:var(--amber);background:#f0a63626}.iconchip--cyan{color:var(--cyan);background:#22c3e626}.iconchip--green{color:var(--green);background:#35c28126}.iconchip--red{color:var(--red);background:#ef5b6b26}.field{margin-bottom:10px}.field__label{color:var(--txt-dim);margin-bottom:4px;font-size:11.5px;font-weight:500;display:block}.field input,.field select,.field textarea{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--txt);font:inherit;border-radius:9px;padding:7px 9px;font-size:12.5px}.row2{gap:8px;display:flex}.row2>.field{flex:1}.stack{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.muted,.small{color:var(--txt-dim);font-size:11.5px;line-height:1.5}.chip{border:1px solid var(--border);background:var(--surface-2);color:var(--txt-dim);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.chip--ok{color:var(--green);background:var(--ok-bg);border-color:#0000}.chip--off{color:var(--txt-faint)}.chip--error{color:var(--red);background:var(--danger-bg);border-color:#0000}.tooltip{z-index:90;background:var(--surface-3);max-width:280px;color:var(--txt);border:1px solid var(--border);box-shadow:var(--shadow);pointer-events:none;border-radius:9px;align-items:center;gap:7px;padding:7px 11px;font-size:12.5px;line-height:1.35;animation:.12s ease-out tip-in;display:none;position:fixed}.tooltip.is-visible{display:flex}.tooltip kbd{font:inherit;color:var(--txt-dim);background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:600}@keyframes tip-in{0%{opacity:0;transform:translateY(3px)}}.menu{z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:224px;max-height:80vh;box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;padding:6px;position:fixed;overflow-y:auto}.menu__item{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;padding:7px 11px;font-size:12.5px;display:flex}.menu__item:hover,.menu__item.is-active{background:var(--accent);color:#fff}.menu__item[aria-disabled=true]{opacity:.4;pointer-events:none}.menu__item--danger{color:var(--red)}.menu__item--danger:hover{background:var(--red);color:#fff}.menu__item kbd{color:var(--txt-faint);font:inherit;font-size:11px}.menu__item:hover kbd{color:#fffb}.menu__sep{background:var(--border-soft);height:1px;margin:5px 8px}.menu__header{color:var(--txt-faint);text-transform:uppercase;letter-spacing:.7px;padding:7px 11px 3px;font-size:10px;font-weight:700}.panels{pointer-events:none;z-index:50;position:fixed;inset:0}.panel{pointer-events:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(400px,100vw - 20px);max-height:72vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;overflow:hidden}.panel__head{border-bottom:1px solid var(--border-soft);cursor:grab;touch-action:none;align-items:center;gap:10px;padding:12px 14px;display:flex}.panel__head:active{cursor:grabbing}.panel__title{flex:1;margin:0;font-size:13.5px;font-weight:600}.panel__close{width:26px;height:26px;color:var(--txt-dim);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.panel__close:hover{background:var(--surface-3);color:var(--txt)}.panel__body{overscroll-behavior:contain;padding:14px;overflow-y:auto}.guide p{margin:0 0 10px;line-height:1.6}.backdrop{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05050899;justify-content:center;align-items:center;padding:clamp(8px,3vw,24px);display:flex;position:fixed;inset:0}.backdrop--soft{background:#05050866}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(560px,100%);box-shadow:var(--shadow-lg);padding:18px}.dialog__title{margin:0 0 10px;font-size:15px;font-weight:600}.dialog__body{color:var(--txt);margin-bottom:16px;line-height:1.6}.dialog__actions{justify-content:flex-end;gap:8px;display:flex}.toasts{z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;max-width:80vw;padding:9px 18px;font-size:12.5px;animation:.18s ease-out toast-in}.toast__action{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;margin-left:10px;padding:3px 12px;font-weight:600}.toast__action:hover{background:var(--accent-strong)}.toast--error{background:var(--danger-bg);border-color:var(--danger-bd);color:var(--red);font-weight:500}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.palette{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(680px,100%);box-shadow:var(--shadow-lg);align-self:flex-start;margin-top:12vh;overflow:hidden}.palette__input{border:0;border-bottom:1px solid var(--border-soft);width:100%;color:var(--txt);font:inherit;background:0 0;padding:15px 18px;font-size:14.5px}.palette__input:focus{outline:none}.palette__list{max-height:52vh;padding:6px;overflow-y:auto}.palette__item{cursor:pointer;border-radius:9px;justify-content:space-between;gap:16px;padding:9px 12px;display:flex}.palette__item.is-active{background:var(--accent-soft);color:var(--accent)}.palette__item kbd{color:var(--txt-faint);font:inherit;font-size:11px}.palette__hint{color:var(--txt-dim);padding:14px 18px}.swatch{vertical-align:middle;border:1px solid #5b6773;border-radius:4px;flex:none;display:inline-block}.swatch--empty{background:repeating-linear-gradient(45deg, var(--surface-3), var(--surface-3) 4px, var(--surface-2) 4px, var(--surface-2) 8px)}.colorcell{background:var(--surface-2);border:1px solid var(--border);width:100%;min-width:46px;color:var(--txt);font:inherit;cursor:pointer;text-align:left;border-radius:7px;align-items:center;gap:7px;padding:3px 6px;font-size:12px;display:flex;overflow:hidden}.colorcell:hover{border-color:var(--accent)}.colorcell span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.picker{z-index:75;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(420px,100%);max-height:calc(100vh - 2*clamp(8px,3vw,24px));box-shadow:var(--shadow-lg);padding:14px;overflow-y:auto}.picker__preview{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;margin-bottom:10px;padding-bottom:12px;font-weight:600;display:flex}.picker__label{color:var(--txt-dim);margin:10px 0 6px;font-size:11.5px;font-weight:500;display:block}.picker__grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:5px;display:grid}.picker__cell{background:var(--surface-2);border:1px solid var(--border);color:var(--txt-dim);font:inherit;cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;display:flex}.picker__cell:hover{border-color:var(--accent)}.picker__cell.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.picker__code{letter-spacing:.3px;font-size:9px;font-weight:600}.picker__free input{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--txt);font:inherit;border-radius:8px;margin-top:4px;padding:6px 8px;font-size:12px}.picker__done{justify-content:center;width:100%;margin-top:12px}.issue{background:var(--danger-bg);border:1px solid var(--danger-bd);border-radius:var(--radius);cursor:pointer;border-left-width:3px;margin-bottom:8px;padding:9px 11px;font-size:12.5px;line-height:1.45}.issue:hover{filter:brightness(1.08)}.issue--warning{background:var(--warn-bg);border-color:var(--warn-bd)}.ok{color:var(--green);background:var(--ok-bg);border-radius:var(--radius);padding:12px;line-height:1.5}.plugin{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);margin-bottom:10px;padding:12px}.plugin__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.plugin__name{font-weight:600}.plugin__meta{color:var(--txt-dim);margin-top:4px;font-size:11.5px;line-height:1.5}.plugin__actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.plugin__error{color:var(--red);word-break:break-word;margin-top:8px;font-size:11.5px}.doc h3{margin:18px 0 8px;font-size:13px;font-weight:700}.doc h3:first-child{margin-top:0}.doc p,.doc li{color:var(--txt-dim);margin:0 0 9px;line-height:1.65}.doc ul{margin:0 0 10px;padding-left:18px}.doc code{font-family:var(--mono);background:var(--surface-3);color:var(--txt);border-radius:5px;padding:1px 5px;font-size:11.5px}.doc__code{margin:0 0 12px;position:relative}.doc__code pre{background:var(--surface-3);border:1px solid var(--border-soft);border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;font-family:var(--mono);color:var(--txt);margin:0;padding:12px 13px;font-size:11.5px;line-height:1.6}.doc__copy{opacity:0;transition:opacity .12s;position:absolute;top:8px;right:8px}.doc__code:hover .doc__copy,.doc__copy:focus-visible{opacity:1}@media (max-width:860px){.shell{gap:6px;padding:6px}.canvas__hint{display:none}.main[data-view=split]{flex-direction:column}.panel{max-height:58vh}.topbar{flex-wrap:nowrap}.topbar>.topbar__burger{margin-left:auto;display:inline-flex}.topbar__nav{z-index:65;overscroll-behavior:contain;background:var(--surface);border-left:1px solid var(--border);width:min(300px,86vw);height:100%;box-shadow:var(--shadow-lg);flex-direction:column;align-items:stretch;gap:10px;padding:14px;transition:transform .18s ease-out;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.topbar__nav.is-open{transform:none}.nav-veil{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05050866;display:block;position:fixed;inset:0}.nav-veil[hidden]{display:none}.topbar__nav>.navhead{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;margin-bottom:2px;padding:2px 2px 10px;display:flex}.navhead__title{flex:1;font-size:15px;font-weight:600}.topbar__nav .navgroup{background:0 0;border:0;border-radius:0;flex-flow:column;align-items:stretch;gap:1px;width:100%;padding:0}.topbar__nav .navgroup:before{content:attr(data-section);color:var(--txt-faint);letter-spacing:.6px;text-transform:uppercase;padding:2px 10px 5px;font-size:10.5px;font-weight:600}.topbar__nav .btn:not(.navhead__close),.topbar__nav .switch{border-radius:10px;justify-content:flex-start;width:100%;min-height:44px;padding:6px 10px;font-size:13.5px}.navhead__close{flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid}.topbar__nav .btn__label--optional{display:inline}.topbar__nav .btn--icon:not(.navhead__close):after{content:attr(data-label);text-align:left;font-size:13.5px;font-weight:500}.topbar__nav .btn[aria-haspopup]>.icon:last-child,.topbar__nav .badge{margin-left:auto}.topbar__nav .navsep,.topbar__nav .navspacer{display:none}.navsub{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px;flex-direction:column;gap:1px;margin:2px 0 6px;padding:4px;display:flex}.navsub__item{border-radius:8px;justify-content:flex-start;width:100%;min-height:40px;padding:6px 10px 6px 22px;font-size:13px}.navsub__header{color:var(--txt-faint);letter-spacing:.5px;text-transform:uppercase;padding:6px 10px 3px;font-size:10.5px;font-weight:600}.navsub__sep{background:var(--border);height:1px;margin:3px 8px}.topbar__nav .btn[aria-expanded=true]>.icon:last-child{transform:rotate(180deg)}.topbar>.btn__label--optional,.brand__sub{display:none}}@media (prefers-reduced-motion:reduce){.topbar__nav{transition:none}}@media (max-width:480px){.dialog,.picker,.palette{width:100%}.dialog{padding:15px}.dialog__actions{gap:6px}.dialog__actions .btn{flex:1 1 0;justify-content:center}.panel{width:calc(100vw - 12px);max-height:66vh}.picker__grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}}@media print{.topbar,.panels,.overlay,.canvas__hint,.canvas__zoom,.canvas__tag,.canvas--schematic,.toasts{display:none!important}html,body{background:#fff;overflow:visible}.shell{padding:0}.canvas--board{display:block!important}.main,.canvas{height:100%;box-shadow:none;border:0;border-radius:0}}