:root{--bg:#f4f4f8;--panel:#ffffff;--line:#e3e3ee;--ink:#1f2230;--muted:#6b7185;--accent:#4f46e5;--shadow:0 1px 2px rgba(20,20,50,0.06),0 4px 14px rgba(20,20,50,0.08)}*{box-sizing:border-box}#__next,body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.toolbar{flex-wrap:wrap;gap:10px 14px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:var(--shadow);z-index:10}.toolbar,.toolbar__group{display:flex;align-items:center}.toolbar__group{gap:6px}.toolbar__brand strong{font-size:15px;letter-spacing:-.01em}.toolbar__grow{flex:1 1 160px}.toolbar__right{margin-left:auto;gap:10px}.toolbar button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:6px 10px;border-radius:8px;font-size:13px;cursor:pointer;transition:background .12s,border-color .12s,transform .04s}.toolbar button:hover{background:#f3f3fb;border-color:#c9c9dc}.toolbar button:active{transform:translateY(1px)}.toolbar button.danger:hover{background:#fff1f1;border-color:#f3b4b4;color:#c0392b}.name,.search{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;font-size:13px;outline:none}.name{width:120px}.name:focus,.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,70,229,.12)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px!important;font-weight:600}.chip__dot{width:9px;height:9px;border-radius:50%}.chip--off{opacity:.4;text-decoration:line-through}.status{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);white-space:nowrap}.status__dot{width:8px;height:8px;border-radius:50%;background:#9aa0b4}.status--live .status__dot{background:#18b663;box-shadow:0 0 0 3px rgba(24,182,99,.18)}.status--connecting .status__dot{background:#e0a020}.status--error .status__dot{background:#d14343}.canvas{flex:1 1;position:relative}.react-flow{background:var(--bg)}.card{width:250px;background:#fff;border:1px solid var(--line);border-left:5px solid #888;border-radius:10px;box-shadow:var(--shadow);padding:8px 10px 9px;font-size:12.5px;line-height:1.32;cursor:-webkit-grab;cursor:grab}.card--selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(79,70,229,.35),var(--shadow)}.card:active{cursor:-webkit-grabbing;cursor:grabbing}.card__head{display:flex;align-items:center;gap:6px;margin-bottom:5px}.card__badge{color:#fff;font-weight:700;font-size:10px;padding:1px 6px;border-radius:999px;min-width:20px;text-align:center}.card__ref{font-size:10.5px;color:var(--muted)}.card__btn{margin-left:auto;border:none;background:transparent;color:#b3b8c8;font-size:16px;line-height:1;cursor:pointer;padding:0 2px}.card__btn:hover{color:#d14343}.card__tag{font-size:10px;color:var(--muted);background:#f1f1f8;border-radius:5px;padding:2px 6px;margin-bottom:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__text{color:var(--ink);white-space:pre-wrap}.card__edit{width:100%;min-height:56px;border:1px solid var(--accent);border-radius:6px;padding:5px 6px;font:inherit;resize:vertical;outline:none}.card__quotebtn{margin-top:6px;border:none;background:transparent;color:var(--accent);font-size:11px;cursor:pointer;padding:0}.card__quote{margin-top:5px;padding:6px 8px;background:#f7f7fc;border:1px solid var(--line);border-radius:6px;font-size:11.5px;color:#353a4d;font-style:italic;max-height:160px;overflow:auto}.card__prov{margin-top:5px;font-style:normal;color:var(--muted);font-size:10.5px}.box{width:100%;height:100%;border:2px dashed #c2c2d6;border-radius:12px;background:rgba(255,255,255,.45);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.box--selected{background:rgba(255,255,255,.62)}.box__bar{display:flex;align-items:center;gap:8px;height:28px;padding:0 6px 0 10px;border-radius:9px 9px 0 0;color:#fff;cursor:-webkit-grab;cursor:grab}.box__title{font-weight:700;font-size:13px;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box__title-edit{flex:1 1;padding:2px 6px;font:inherit;font-weight:700;outline:none}.box__btn,.box__title-edit{border:none;border-radius:5px}.box__btn{background:rgba(255,255,255,.25);color:#fff;width:20px;height:20px;font-size:15px;line-height:1;cursor:pointer}.box__btn:hover{background:rgba(0,0,0,.2)}.legend{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:10px;padding:9px 12px;box-shadow:var(--shadow);max-width:440px}.legend__q{font-size:11.5px;color:var(--ink);font-weight:600;margin-bottom:7px;line-height:1.3}.legend__row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}.legend__item{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.legend__dot{width:10px;height:10px;border-radius:50%}.legend__hint{font-size:10.5px;color:var(--muted)}.react-flow__controls,.react-flow__minimap{box-shadow:var(--shadow);border-radius:8px;overflow:hidden}