:root{--bd:#d0d5dd;--bg:#f7f8fa;--panel:#fff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#1d2939;font:13px/1.4 system-ui,-apple-system,PingFang SC,sans-serif}.app{flex-direction:column;height:100%;display:flex}.toolbar{border-bottom:1px solid var(--bd);background:var(--panel);align-items:center;gap:12px;padding:8px 12px;display:flex}.toolbar .crumb{color:#475467}.toolbar .crumb a{color:#1570ef;cursor:pointer}.toolbar .crumb a:hover{text-decoration:underline}.toolbar .crumb .sep{color:#98a2b3}.toolbar .spacer{flex:1}.insp-actions button.danger{color:#d92d20;border-color:#fda29b}.shape-btns{gap:6px;display:flex}.shape-btns button{border:1px solid var(--bd);cursor:pointer;background:#fff;border-radius:6px;flex:1;padding:5px}.shape-btns button.on{background:#e0f2fe;border-color:#2e90fa}.hint-sm{color:#98a2b3;margin-top:6px;font-size:11px}.draw-hint{color:#fff;pointer-events:none;background:#1d2939;border-radius:8px;padding:6px 12px;font-size:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.toolbar .dirty{color:#d92d20;font-size:16px;line-height:1}.toolbar .tb-sep{background:var(--bd);align-self:stretch;width:1px;margin:0 2px}.toolbar button{border:1px solid var(--bd);cursor:pointer;background:#fff;border-radius:6px;padding:4px 10px}.toolbar button:hover{background:var(--bg)}.toolbar button.active{background:#e0f2fe;border-color:#2e90fa}.body{flex:1;min-height:0;display:flex}.panel{background:var(--panel);width:220px;padding:10px;overflow:auto}.panel.left{border-right:1px solid var(--bd)}.panel.right{border-left:1px solid var(--bd);width:300px}.lib-head{margin-bottom:8px;font-weight:600}.lib-blank{border:1px dashed var(--bd);cursor:pointer;background:#fff;border-radius:6px;width:100%;margin-bottom:8px;padding:6px}.lib-blank:hover{background:var(--bg)}.lib-list{margin:0;padding:0;list-style:none}.lib-list li{border:1px solid var(--bd);cursor:pointer;border-radius:6px;flex-direction:column;margin-bottom:6px;padding:6px 8px;display:flex}.lib-list li:hover{background:var(--bg)}.lib-list li.disabled{opacity:.5;cursor:not-allowed}.lib-list li.muted{color:#667085;cursor:default;border:none}.lib-list li.muted:hover{background:0 0}.lib-name{font-weight:600}.lib-meta{color:#667085}.insp-empty{color:#667085;padding:8px 0}.insp-sec{margin-bottom:14px}.insp-title{margin-bottom:6px;font-weight:600}.insp-title small{color:#667085;font-weight:400}.insp-sec label{color:#475467;margin-bottom:8px;font-size:12px;display:block}.insp-sec label small{color:#98a2b3}.insp-sec input,.insp-sec select{border:1px solid var(--bd);border-radius:5px;width:100%;margin-top:3px;padding:4px 6px;display:block}.insp-actions{flex-direction:column;gap:8px;display:flex}.insp-actions button{border:1px solid var(--bd);cursor:pointer;background:#fff;border-radius:6px;padding:5px 10px}.insp-actions button:hover{background:var(--bg)}.insp-actions .muted{color:#667085;font-size:12px}.iface-list{margin:0 0 8px;padding:0;list-style:none}.iface-row{cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:3px 4px;font-size:12px;display:flex}.iface-row:hover{background:var(--bg)}.iface-chip{border-radius:2px;width:8px;height:14px;display:inline-block}.iface-bt{font-weight:600}.iface-role{border:1px solid var(--bd);border-radius:3px;padding:0 4px;font-size:10px}.iface-role.client{background:#eef4ff}.iface-sum{color:#475467;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.iface-side-tag{color:#98a2b3;flex:none;font-size:11px}.iface-del{color:#d92d20;cursor:pointer;background:0 0;border:none}.link-back{color:#1570ef;cursor:pointer;background:0 0;border:none;padding:0 0 6px;font-size:12px}.link-back:hover{text-decoration:underline}.iface-sigs{background:var(--bg);white-space:pre;border-radius:5px;max-height:160px;margin:2px 0 6px 14px;padding:6px 8px;font-family:ui-monospace,monospace;font-size:11px;overflow:auto}.iface-add{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.iface-add select,.iface-add input{border:1px solid var(--bd);border-radius:5px;padding:3px 5px}.iface-add input{width:64px}.iface-add button{border:1px solid var(--bd);cursor:pointer;background:#fff;border-radius:6px;padding:3px 8px}.kv{justify-content:space-between;gap:8px;padding:2px 0;font-size:12px;display:flex}.kv span{color:#667085}.kv b.ok{color:#12b76a}.kv b.muted{color:#98a2b3;font-weight:400}.canvas{background:var(--bg);flex:1;position:relative;overflow:hidden}.placeholder{text-align:center;color:#667085;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.statusbar{border-top:1px solid var(--bd);background:var(--panel);color:#475467;padding:4px 12px;font-size:12px}.genpanel{border-top:1px solid var(--bd);background:var(--panel);flex-direction:column;height:240px;display:flex}.genpanel-head{border-bottom:1px solid var(--bd);align-items:center;gap:10px;padding:6px 12px;display:flex}.genpanel-head .spacer{flex:1}.genpanel-head .muted{color:#667085}.genpanel-head .err{color:#d92d20}.genpanel-head button{border:1px solid var(--bd);cursor:pointer;background:#fff;border-radius:6px;padding:3px 9px}.genpanel-warn{border-bottom:1px solid var(--bd);background:#fffaeb;max-height:120px;overflow:auto}.genpanel-warn .warn-toggle{text-align:left;color:#b54708;cursor:pointer;background:0 0;border:none;width:100%;padding:5px 12px;font-weight:600;display:block}.genpanel-warn .warn-list{color:#93370d;margin:0;padding:0 12px 8px 28px;font-size:12px}.genpanel-warn .warn-list li{padding:1px 0}.genpanel-warn code{font-family:ui-monospace,monospace}.genpanel-body{flex:1;min-height:0;display:flex}.genpanel-body.empty{color:#667085;justify-content:center;align-items:center}.genfiles{border-right:1px solid var(--bd);width:260px;margin:0;padding:6px;list-style:none;overflow:auto}.genfiles li{cursor:pointer;border-radius:5px;padding:4px 8px;font-family:ui-monospace,monospace;font-size:12px}.genfiles li:hover{background:var(--bg)}.genfiles li.on{background:#e0f2fe}.genprev{white-space:pre;color:#1d2939;flex:1;margin:0;padding:10px;font-family:ui-monospace,monospace;font-size:12px;overflow:auto}