:root{--font-ui:"Inter Tight", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--r-0:0px;--r-1:2px;--r-2:4px;--r-3:6px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--accent:#ff7a1a;--accent-soft:#ff7a1a22;--accent-strong:#ff8b33;--sig-power:#e5484d;--sig-gnd:#1f1f1f;--sig-data:#0090ff;--sig-signal:#30a46c;--sig-clock:#8e4ec6;--sig-usb:#f5a524;--sig-analog:#0ea5b7;--sig-nc:#8a8a8a}:root,[data-theme=light]{--bg:#f2f2ef;--bg-raised:#fafaf8;--bg-sunken:#eceae4;--panel:#fff;--panel-2:#f7f6f2;--line:#d7d4cc;--line-2:#c4c0b5;--line-3:#a7a398;--ink:#1a1a17;--ink-2:#3a3a35;--ink-3:#6b6a62;--ink-4:#97958b;--grid-dot:#c7c3b8;--grid-major:#b6b2a5;--chip-bg:#ececea;--chip-ink:#3a3a35;--sig-gnd:#1f1f1f;--wire-default:#2a2a26;--shadow-1:0 1px 0 #0000000a, 0 1px 2px #0000000f;--shadow-2:0 2px 10px #00000014, 0 1px 2px #0000000f;--node-bg:#fffdf7;--node-line:#1a1a17}[data-theme=dark]{--bg:#161614;--bg-raised:#1d1d1a;--bg-sunken:#0f0f0e;--panel:#1c1c19;--panel-2:#232320;--line:#2f2f2b;--line-2:#3d3d38;--line-3:#55554e;--ink:#ece9de;--ink-2:#bcb9ad;--ink-3:#87847a;--ink-4:#5c5a52;--grid-dot:#2a2a26;--grid-major:#3a3a34;--chip-bg:#272724;--chip-ink:#bcb9ad;--sig-gnd:#dcdcd5;--wire-default:#d6d3c7;--shadow-1:0 1px 0 #0000004d, 0 1px 2px #0006;--shadow-2:0 2px 10px #00000073, 0 1px 2px #00000080;--node-bg:#1a1a17;--node-line:#ece9de}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"cv11", "ss01";margin:0;font-size:13px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}.app{background:var(--bg);grid-template-rows:40px 36px 1fr 22px;height:100vh;display:grid}.topbar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:0 10px 0 12px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.brand-mark{border:1.5px solid var(--ink);border-radius:3px;place-items:center;width:18px;height:18px;display:grid;position:relative}.brand-mark:before,.brand-mark:after{content:"";background:var(--ink);position:absolute}.brand-mark:before{width:10px;height:1.5px;top:5px;left:2px}.brand-mark:after{width:10px;height:1.5px;bottom:5px;right:2px}.file-crumbs{color:var(--ink-3);font-family:var(--font-mono);align-items:center;gap:6px;font-size:12px;display:flex}.file-crumbs .sep{color:var(--ink-4)}.file-crumbs .current{color:var(--ink)}.file-crumbs .dirty{color:var(--accent);margin-left:2px}.file-crumbs .current{cursor:text}.project-name-input{border:none;border-bottom:1px solid var(--accent);font:inherit;font-family:var(--font-mono);color:var(--ink);background:0 0;outline:none;width:180px;padding:0;font-size:12px}.topbar-menu{gap:0;margin-left:6px;display:flex}.menu-wrap{position:relative}.menu-btn{color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:3px;padding:4px 8px;font-family:inherit;font-size:12px}.menu-btn:hover{background:var(--chip-bg);color:var(--ink)}.menu-btn.active{background:var(--accent);color:#fff}.menu-dropdown{background:var(--panel);border:1px solid var(--line);z-index:9999;border-radius:7px;min-width:228px;padding:3px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 28px #00000024,0 2px 6px #00000014}.menu-dropdown.submenu{position:absolute;top:-4px;left:calc(100% + 3px)}.menu-item{cursor:default;color:var(--ink);-webkit-user-select:none;user-select:none;border-radius:5px;grid-template-columns:18px 20px 1fr auto 14px;align-items:center;gap:2px;padding:5px 7px;font-size:12px;display:grid;position:relative}.menu-item:hover:not(.disabled){background:var(--accent);color:#fff}.menu-item.open:not(:hover){background:var(--bg-sunken)}.menu-item.disabled{opacity:.35}.menu-item.danger{color:#d63}.menu-item.danger:hover:not(.disabled){color:#fff;background:#d63}.menu-item:hover:not(.disabled) .mi-icon,.menu-item:hover:not(.disabled) .mi-kbd,.menu-item:hover:not(.disabled) .mi-sub,.menu-item:hover:not(.disabled) .mi-arrow{opacity:.75;color:inherit}.mi-check{color:var(--accent);justify-content:center;align-items:center;display:flex}.mi-icon{opacity:.45;justify-content:center;align-items:center;display:flex}.mi-label{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.mi-sub{color:var(--ink-3);font-size:10px}.mi-kbd{color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px}.mi-arrow{opacity:.4;align-items:center;display:flex;transform:rotate(-90deg)}.menu-sep{background:var(--line);height:1px;margin:3px 2px}.menu-header{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;padding:8px 10px 3px;font-size:10px;font-weight:600}.menu-item:hover:not(.disabled) .mi-check{color:#fff}.topbar-spacer{flex:1}.view-tabs{background:var(--bg-sunken);border:1px solid var(--line);border-radius:4px;gap:2px;padding:2px;display:flex}.view-tabs button{color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:flex}.view-tabs button:hover{color:var(--ink)}.view-tabs button.active{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-1)}.icon-btn{width:24px;height:24px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--chip-bg);color:var(--ink)}.icon-btn.active{background:var(--accent-soft);color:var(--accent)}.user-chip{color:#fff;background:#2d6cdf;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:600;display:grid}.toolbar{background:var(--panel-2);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:0 10px;font-size:12px;display:flex}.tb-group{align-items:center;gap:2px;display:flex}.tb-sep{background:var(--line);width:1px;height:18px;margin:0 4px}.tb-btn{height:24px;color:var(--ink-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.tb-btn:hover{background:var(--chip-bg);color:var(--ink)}.tb-btn.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}.tb-btn .kbd{font-family:var(--font-mono);color:var(--ink-4);border:1px solid var(--line);background:var(--bg);border-radius:2px;padding:1px 4px;font-size:10px}.tb-select{background:var(--panel);border:1px solid var(--line);height:24px;color:var(--ink);border-radius:3px;padding:0 6px;font-size:12px}.tb-dropdown{position:relative}.tb-menu{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-2);z-index:200;border-radius:6px;min-width:168px;padding:3px;position:absolute;top:calc(100% + 4px);right:0}.tb-menu-item{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:flex}.tb-menu-item:hover{background:var(--bg-sunken)}.tb-menu-item:disabled{color:var(--ink-4);cursor:default}.tb-menu-sep{background:var(--line);height:1px;margin:3px 0}.modal-overlay{z-index:10000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;width:360px;max-width:calc(100vw - 32px);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.modal-card.wide{width:520px}.modal-header{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 16px 12px;display:flex}.modal-brand{flex:1;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.modal-title{flex:1;font-size:13px;font-weight:600}.auth-tabs{border-bottom:1px solid var(--line);display:flex}.auth-tabs button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px;font-size:12px}.auth-tabs button:hover{color:var(--ink)}.auth-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.auth-form{flex-direction:column;gap:12px;padding:20px 20px 16px;display:flex}.field-label{color:var(--ink-2);flex-direction:column;gap:4px;font-size:11px;font-weight:500;display:flex}.field-label .input{margin-top:2px}.auth-error{color:#d63;background:#dd663314;border:1px solid #d633;border-radius:5px;padding:7px 10px;font-size:11px}.auth-success{color:var(--ink);align-items:flex-start;gap:8px;padding:20px;font-size:12px;line-height:1.5;display:flex}.auth-success svg{color:#2a9;flex-shrink:0;margin-top:1px}.auth-footer{text-align:center;padding:12px 20px 16px}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:opacity .1s}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.5;cursor:default}.link-btn{color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:11px}.link-btn:hover{color:var(--ink-2)}.cloud-list{flex-direction:column;max-height:400px;padding:8px;display:flex;overflow-y:auto}.cloud-item{border-radius:6px;align-items:center;gap:8px;padding:10px 12px;display:flex}.cloud-item:hover{background:var(--bg-sunken)}.cloud-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.cloud-item-name{color:var(--ink);font-size:13px;font-weight:500}.cloud-item-meta{color:var(--ink-3);font-size:10px}.cloud-item-actions{gap:4px;display:flex}.cloud-empty{color:var(--ink-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:40px 20px;font-size:12px;display:flex}.dash-root{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.dash-header{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;padding:14px 32px;display:flex}.dash-brand{align-items:center;gap:8px;display:flex}.dash-brand-name{color:var(--ink);letter-spacing:-.3px;font-size:15px;font-weight:700}.dash-header-right{align-items:center;gap:12px;display:flex}.dash-user{align-items:center;gap:10px;display:flex}.dash-user-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.dash-user-info{flex-direction:column;gap:1px;display:flex}.dash-user-email{color:var(--ink);font-size:12px;font-weight:500}.dash-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:40px 32px}.dash-section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dash-section-title{color:var(--ink);margin:0;font-size:16px;font-weight:600}.dash-loading{color:var(--ink-3);padding:20px 0;font-size:13px}.dash-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.dash-card{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;transition:border-color .12s,box-shadow .12s;position:relative;overflow:hidden}.dash-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #00000014}.dash-card-preview{background:var(--bg-sunken);border-bottom:1px solid var(--line);justify-content:center;align-items:center;height:120px;display:flex}.dash-card-footer{padding:10px 12px 12px}.dash-card-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;cursor:default;font-size:13px;font-weight:500;display:block;overflow:hidden}.dash-card-name-input{width:100%;color:var(--ink);border:none;border-bottom:1px solid var(--accent);background:0 0;outline:none;padding:0;font-size:13px;font-weight:500;display:block}.dash-card-meta{color:var(--ink-3);margin-top:2px;font-size:11px;display:block}.dash-card-delete{background:var(--panel);border:1px solid var(--line);cursor:pointer;color:var(--ink-3);opacity:0;border-radius:4px;padding:3px 5px;transition:opacity .1s;position:absolute;top:6px;right:6px}.dash-card:hover .dash-card-delete{opacity:1}.dash-card-delete:hover{color:#d63;border-color:#d63}.dash-card-new{border-style:dashed}.dash-card-new:hover{border-style:solid}.dash-signin-prompt{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.brand-mark.large{border-radius:12px;width:48px;height:48px}.dash-title{color:var(--ink);letter-spacing:-.5px;margin:0;font-size:32px;font-weight:700}.dash-subtitle{color:var(--ink-2);max-width:380px;margin:0;font-size:15px;line-height:1.5}.dash-signin-actions{flex-direction:column;align-items:center;gap:10px;margin-top:8px;display:flex}.dash-footer{color:var(--ink-4);border-top:1px solid var(--line);text-align:center;padding:14px 32px;font-size:11px}.schematic-body{flex-direction:column;min-height:0;display:flex;overflow:hidden}.workspace{background:var(--bg);flex:1;grid-template-columns:256px 1fr 288px;min-height:0;display:grid}.cable-pane{border-top:1px solid var(--line);background:var(--panel);flex-shrink:0;height:80px;display:flex}.cable-pane-sidebar{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:5px;width:192px;padding:6px 10px;display:flex}.cable-pane-sidebar .pane-title{color:var(--ink-2);font-size:12px;font-weight:600}.cable-list{flex:1;align-items:center;gap:6px;padding:0 12px;display:flex;overflow-x:auto}.cable-chip{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:var(--bg-sunken);color:var(--ink);border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:5px 9px;display:flex}.cable-chip:hover{border-color:var(--accent)}.cable-chip.active{border-color:var(--accent);background:var(--accent-soft);outline:1px solid var(--accent);outline-offset:-1px}.pane{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex;overflow:hidden}.pane.right{border-right:0;border-left:1px solid var(--line)}.pane-header{border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;height:30px;color:var(--ink-3);background:var(--panel-2);flex-shrink:0;align-items:center;gap:6px;padding:0 10px;font-size:11px;display:flex}.pane-header .title{color:var(--ink-2);font-weight:600}.pane-header .spacer{flex:1}.lib-search{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:6px;padding:8px;display:flex}.input{background:var(--bg-sunken);border:1px solid var(--line);width:100%;height:26px;color:var(--ink);border-radius:3px;outline:none;padding:0 8px;font-size:12px}.input:focus{border-color:var(--accent);background:var(--panel)}.input.with-icon{padding-left:24px}.input-wrap{flex:1;position:relative}.input-wrap .leading{color:var(--ink-4);pointer-events:none;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.lib-list{flex:1;padding:4px 0 20px;overflow:auto}.lib-cat{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 10px 2px;display:flex}.lib-cat .caret{width:10px;color:var(--ink-4);transition:transform .12s}.lib-cat.collapsed .caret{transform:rotate(-90deg)}.lib-cat .name{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.lib-cat .count{font-family:var(--font-mono);color:var(--ink-4);margin-left:auto;font-size:10px}.lib-items{flex-direction:column;display:flex}.lib-item{cursor:grab;border-left:2px solid #0000;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:4px 10px 4px 14px;display:grid}.lib-item:hover{background:var(--bg-sunken);border-left-color:var(--accent)}.lib-item:active{cursor:grabbing}.lib-item .thumb{background:var(--bg-sunken);border:1px solid var(--line);border-radius:2px;place-items:center;width:28px;height:22px;display:grid}.lib-item .label{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lib-item .sub{font-family:var(--font-mono);color:var(--ink-4);font-size:10px}.canvas-wrap{background:var(--bg);position:relative;overflow:hidden}.canvas-grid{background-image:radial-gradient(var(--grid-dot) 1px, transparent 1px), radial-gradient(var(--grid-major) 1.2px, transparent 1.2px);pointer-events:none;background-position:0 0,0 0;background-size:16px 16px,80px 80px;position:absolute;inset:0}.canvas-rulers-top,.canvas-rulers-left{background:var(--panel-2);color:var(--ink-4);font-family:var(--font-mono);border-color:var(--line);font-size:9px;display:flex;position:absolute}.canvas-rulers-top{border-bottom:1px solid var(--line);align-items:flex-end;height:18px;padding-bottom:1px;top:0;left:22px;right:0}.canvas-rulers-top .tick{border-left:1px solid var(--line-2);flex:0 0 80px;padding-left:3px;line-height:1}.canvas-rulers-left{border-right:1px solid var(--line);flex-direction:column;align-items:flex-end;width:22px;padding-right:2px;top:0;bottom:22px;left:0}.canvas-rulers-left .tick{border-top:1px solid var(--line-2);writing-mode:vertical-rl;flex:0 0 80px;padding-top:2px;line-height:1;transform:rotate(180deg)}.canvas-corner{background:var(--panel-2);border-right:1px solid var(--line);border-bottom:1px solid var(--line);width:22px;height:18px;position:absolute;top:0;left:0}.canvas-scene{position:absolute;inset:18px 0 22px 22px;overflow:hidden}.canvas-float{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-1);color:var(--ink-2);border-radius:4px;align-items:center;gap:4px;padding:3px;font-size:11px;display:flex;position:absolute}.canvas-float.bottom-right{bottom:32px;right:12px}.canvas-float.bottom-left{bottom:32px;left:34px}.canvas-float .zoom-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;min-width:42px;padding:0 6px}.canvas-float .icon-btn{width:20px;height:20px}.minimap{background:var(--panel);border:1px solid var(--line);width:180px;height:120px;box-shadow:var(--shadow-1);border-radius:3px;position:absolute;top:28px;right:12px;overflow:hidden}.node{background:var(--node-bg);border:1.5px solid var(--node-line);box-shadow:var(--shadow-1);font-family:var(--font-ui);border-radius:2px;transition:box-shadow .1s;position:absolute}.node.selected{border-color:var(--accent);box-shadow:0 0 0 2.5px var(--accent), var(--shadow-2)}.node .ref{background:var(--node-bg);color:var(--ink-3);font-family:var(--font-mono);padding:0 4px;font-size:10px;line-height:1;position:absolute;top:-8px;left:4px}.node .name{color:var(--ink);text-align:center;pointer-events:none;place-items:center;padding:4px 8px;font-size:13px;font-weight:600;display:grid;position:absolute;inset:0}.node .name .sub{color:var(--ink-3);font-size:10px;font-weight:500;font-family:var(--font-mono);margin-top:2px}.pin-on-node{background:var(--node-bg);border:1.5px solid var(--sig,var(--node-line));z-index:2;border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(-50%,-50%)}.pin-stub{background:var(--node-line);z-index:1;position:absolute}.pin-label{font-family:var(--font-mono);color:var(--ink-2);white-space:nowrap;font-size:10px;line-height:1;position:absolute}.inspector{overflow:auto}.insp-section{border-bottom:1px solid var(--line);padding:10px 12px}.insp-section h4{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:0 0 8px;font-size:11px;font-weight:600}.field{grid-template-columns:80px 1fr;align-items:center;gap:8px;margin-bottom:6px;display:grid}.field label{color:var(--ink-3);font-size:11px}.field .input,.field select{height:24px;font-size:12px}.field .row{align-items:center;gap:4px;display:flex}.field.two-col .row .input{flex:1;min-width:0}.mono{font-family:var(--font-mono)}.pin-row{grid-template-columns:16px 40px 1fr 70px 16px;align-items:center;gap:6px;padding:3px 0;font-size:11px;display:grid}.pin-row .num{font-family:var(--font-mono);color:var(--ink-4)}.pin-row .sig-chip{background:var(--chip-bg);height:18px;color:var(--chip-ink);font-size:10px;font-family:var(--font-mono);border:1px solid #0000;border-radius:2px;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.pin-row .sig-chip .dot{background:var(--sig,var(--ink-3));border-radius:50%;width:7px;height:7px}.pin-row .input{height:20px;font-size:11px}.statusbar{background:var(--panel-2);border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-3);align-items:center;gap:12px;padding:0 10px;font-size:10px;display:flex}.statusbar .sep{color:var(--line-3)}.statusbar .right{align-items:center;gap:12px;margin-left:auto;display:flex}.statusbar .dot-sig{background:var(--sig-signal);border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.ce-workspace{background:var(--bg);grid-template-columns:256px 1fr 288px;min-height:0;display:grid}.ce-canvas{background:var(--bg-sunken);position:relative;overflow:hidden}.ce-canvas-grid{background-image:linear-gradient(var(--grid-dot) 1px, transparent 1px), linear-gradient(90deg, var(--grid-dot) 1px, transparent 1px), linear-gradient(var(--grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-major) 1px, transparent 1px);opacity:.5;pointer-events:none;background-size:8px 8px,8px 8px,80px 80px,80px 80px;position:absolute;inset:0}.ce-stage{place-items:center;display:grid;position:absolute;inset:0}.ce-svg{display:block}.handle{fill:var(--panel);stroke:var(--accent);stroke-width:1.5px}.ce-tool{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:3px;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute;top:12px;left:12px}.ce-tool .icon-btn{width:26px;height:26px}.pin-list{flex-direction:column;display:flex}.pin-item{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:14px 28px 1fr 16px 16px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:grid}.pin-item:hover{background:var(--bg-sunken)}.pin-item.selected{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.pin-item.over{box-shadow:inset 0 -2px 0 var(--accent)}.pin-item .drag{color:var(--ink-4);cursor:grab}.pin-item .idx{font-family:var(--font-mono);color:var(--ink-4);font-size:11px}.pin-item .name{font-weight:500}.pin-item .meta{font-family:var(--font-mono);color:var(--ink-3);font-size:10px}.pin-item .side-icon{color:var(--ink-4);place-items:center;display:inline-grid}.tabs{border-bottom:1px solid var(--line);background:var(--panel-2);flex-shrink:0;gap:2px;padding:0 6px;display:flex}.tabs button{color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:6px 10px;font-size:12px}.tabs button.active{color:var(--ink);border-bottom-color:var(--accent)}.kbd{font-family:var(--font-mono);color:var(--ink-4);border:1px solid var(--line);background:var(--bg);border-radius:2px;padding:0 4px;font-size:10px}.muted{color:var(--ink-3)}.mono-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.selected-banner{background:var(--accent-soft);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.selected-banner .ref{font-family:var(--font-mono);color:var(--accent);font-weight:600}.selected-banner .name{color:var(--ink);font-weight:500}.segmented{background:var(--bg-sunken);border:1px solid var(--line);border-radius:3px;gap:0;padding:1px;display:inline-flex}.segmented button{color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:2px;height:20px;padding:2px 8px;font-size:11px}.segmented button.active{background:var(--panel);color:var(--ink);box-shadow:var(--shadow-1)}.canvas-hint{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-1);color:var(--ink-3);white-space:nowrap;border-radius:3px;padding:4px 10px;font-size:11px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.canvas-hint .kbd{color:var(--ink-2);margin-right:2px}.inline-rename{background:var(--panel);border:1.5px solid var(--accent);width:80px;height:18px;font-family:var(--font-mono);color:var(--ink);z-index:10;border-radius:2px;outline:none;padding:0 4px;font-size:10px;position:absolute}.cat-swatches{flex-wrap:wrap;gap:4px;display:flex}.cat-swatch{cursor:pointer;border:1.5px solid;border-radius:3px;place-items:center;width:28px;height:22px;padding:0;display:grid;position:relative}.cat-swatch span{border-radius:1px;width:14px;height:2px;display:block}.cat-swatch.active{outline:2px solid var(--accent);outline-offset:1px}.color-input{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;width:28px;height:24px;padding:0}.sw{background:var(--sig,var(--ink-3));border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}