#rv-toggle{border:1px solid #c5d4c8;background:#eef3ec;border-radius:6px;padding:7px 12px;font-size:12px;margin-top:6px}
#rv-toggle[aria-pressed=true]{background:#2c7566;color:#fff}
.workspace{position:relative}
#rv-overlay{position:absolute;inset:0;background:var(--paper);z-index:40;display:flex;flex-direction:column;font:13px system-ui;color:var(--ink)}
#rv-overlay[hidden]{display:none}
.rv-head{display:flex;align-items:center;gap:14px;padding:16px 28px;border-bottom:1px solid var(--border);flex:none}
.rv-head h2{font:400 26px Georgia,serif;margin:0}
.rv-head button{border:0;border-radius:6px;background:#e4ede7;color:#285e52;padding:6px 12px;font-size:11px;font-weight:650}
#rv-status{font-size:11px;color:var(--muted)}
.rv-body{flex:1;overflow:auto;position:relative}.rv-spacer{position:relative;width:100%;overflow:hidden}
#rv-canvas{position:absolute;left:0;pointer-events:none}.rv-nodes{position:absolute;inset:0;pointer-events:none}
.rv-node{color:var(--ink);font-weight:600;font-size:13px}
.rv-zoom{display:flex;align-items:center;gap:4px}.rv-zoom button{min-width:28px}#rv-zoom-level{font-size:11px;color:var(--muted);min-width:40px;text-align:center}
.rv-chips{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}.rv-chip{font-size:9px;line-height:14px;min-width:14px;text-align:center;border-radius:7px;color:#fff;background:var(--c)}
.rv-node[data-v]{pointer-events:auto;cursor:pointer}.rv-node.rv-dim{opacity:.28}
#rv-drawing{position:absolute;z-index:5;pointer-events:none}#rv-drawing.drawing-active{pointer-events:auto;cursor:crosshair;touch-action:none}
button.rv-chip{border:2px solid transparent;padding:0 3px;cursor:pointer;font:inherit;font-size:10px;line-height:14px}button.rv-chip:hover{filter:brightness(1.15)}button.rv-chip.active{border-color:#1b1f1d;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--c);font-weight:700}