:root{--sidon-bg: #050713;--sidon-panel: rgba(10, 14, 32, .72);--sidon-panel2: rgba(10, 14, 32, .52);--sidon-text: #f5f7fb;--sidon-muted: #a8b1d1;--sidon-border: rgba(255,255,255,.1);--sidon-teal: #0ab7c9;--sidon-orange: #ff8f3c;--sidon-radius: 18px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 15% 10%,rgba(10,183,201,.18),transparent 55%),radial-gradient(900px 600px at 85% 30%,rgba(255,143,60,.14),transparent 60%),var(--sidon-bg);color:var(--sidon-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.sidon-app{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.sidon-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--sidon-border);background:#050713b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidon-brand{display:flex;align-items:center;gap:12px}.sidon-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--sidon-teal),var(--sidon-orange));box-shadow:0 10px 30px #00000059}.sidon-title{font-weight:700;letter-spacing:.2px}.sidon-subtitle{font-size:12px;color:var(--sidon-muted);margin-top:2px}.sidon-toolbar{display:flex;gap:10px;align-items:center}.sidon-toolbarSep{width:1px;height:26px;background:var(--sidon-border);margin:0 6px}.sidon-btn{border-radius:999px;padding:10px 14px;border:1px solid var(--sidon-border);background:#ffffff0a;color:var(--sidon-text);cursor:pointer}.sidon-btn:hover{background:#ffffff12}.sidon-btn:focus-visible{outline:3px solid rgba(10,183,201,.55);outline-offset:2px}.sidon-btnPrimary{border:0;color:#061018;background:linear-gradient(135deg,var(--sidon-teal),var(--sidon-orange))}.sidon-btnGhost{background:#ffffff05}.sidon-main{display:grid;grid-template-columns:320px 1fr 340px;gap:14px;padding:14px}.sidon-panel{background:var(--sidon-panel);border:1px solid var(--sidon-border);border-radius:var(--sidon-radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:14px;min-height:0}.sidon-panel-title{margin:0 0 10px;font-size:14px;letter-spacing:.3px;color:#f5f7fbeb}.sidon-divider{height:1px;background:var(--sidon-border);margin:12px 0}.sidon-list{display:flex;flex-direction:column;gap:10px}.sidon-listItem{text-align:left;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:10px 12px;cursor:pointer}.sidon-listItem:hover{background:#ffffff0f;border-color:#0ab7c938}.sidon-listItemTitle{font-weight:650}.sidon-listItemDesc{font-size:12px;color:var(--sidon-muted);margin-top:2px}.sidon-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px}.sidon-cardTitle{font-weight:700;margin-bottom:10px}.sidon-kv{display:flex;justify-content:space-between;gap:10px;padding:6px 0}.sidon-k{color:var(--sidon-muted);font-size:12px}.sidon-v{font-size:13px}.sidon-note{margin-top:10px;color:var(--sidon-muted);font-size:12px;line-height:1.35}.sidon-canvasWrap{min-height:0;display:flex;flex-direction:column;gap:10px}.sidon-canvasHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--sidon-radius);border:1px solid var(--sidon-border);background:var(--sidon-panel2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidon-pill{padding:6px 10px;border-radius:999px;border:1px solid rgba(10,183,201,.24);background:#0ab7c91a;font-size:12px}.sidon-help{font-size:12px;color:var(--sidon-muted)}.sidon-canvas{flex:1;min-height:0;border-radius:var(--sidon-radius);border:1px solid var(--sidon-border);background:#0000002e;overflow:hidden}.sidon-svg{width:100%;height:100%;display:block}.sidon-edge{fill:none;stroke:#0ab7c973;stroke-width:3}.sidon-edgeLabel{fill:#a8b1d1e6;font-size:12px}.sidon-node{fill:#ffffff0a;stroke:#ffffff1f;stroke-width:1.5;cursor:pointer}.sidon-node:hover{stroke:#0ab7c973;fill:#ffffff0f}.sidon-nodeSelected{stroke:#ff8f3cb3;fill:#ffffff12}.sidon-nodeTitle{fill:#f5f7fbf2;font-size:14px;font-weight:700}.sidon-nodeSub{fill:#a8b1d1f2;font-size:12px}.sidon-status{display:flex;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid var(--sidon-border);background:#050713b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#a8b1d1f2;font-size:12px}.sidon-dot{width:4px;height:4px;border-radius:50%;background:#a8b1d18c}@media(max-width:1100px){.sidon-main{grid-template-columns:1fr}.sidon-left,.sidon-right{order:2}.sidon-canvasWrap{order:1}}.sidon-panel-title{color:#f5f7fbf2}.sidon-listItemTitle{color:#f5f7fbfa;font-weight:650}.sidon-listItemDesc{color:#c8d2ebd9}.sidon-listItem{color:#f5f7fbf2}.sidon-listItem:hover .sidon-listItemTitle{color:#fff}.sidon-listItem:hover .sidon-listItemDesc{color:#dce6fff2}.sidon-modeToggle{display:flex;border:1px solid var(--sidon-border);border-radius:999px;overflow:hidden;background:#ffffff08}.sidon-modeBtn{border:0;background:transparent;color:#f5f7fbeb;padding:10px 12px;cursor:pointer}.sidon-modeBtn:hover{background:#ffffff0f}.sidon-modeBtnActive{background:#0ab7c92e;color:#fff}.sidon-modeHint{margin-left:10px;font-size:12px;color:#c8d2ebe6;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidon-nodeSource{stroke:#0ab7c9d9!important;fill:#0ab7c91a!important}.sidon-edgeSelected{stroke:#ff8f3ce6;stroke-width:4}.sidon-edgeActive{stroke:#ff8f3ca6}.sidon-warning{padding:10px;border-radius:12px;border:1px solid rgba(255,143,60,.45);background:#ff8f3c1a;color:#ffebdcf5}.sidon-edgeOver{stroke:#ff8f3ce6;stroke-width:4}.sidon-nodeWarn{stroke:#ff8f3c99;stroke-width:2}.sidon-edgeMismatch{stroke-dasharray:6 5}.sidon-nodeBadge{font-size:12px;fill:#f5f7fbd9}