/* Canvas é superfície de dados: controles pequenos, rótulos só no foco/gesto. */
:root{
  --cv-controls-inset:var(--sp-3);
  --cv-port-hit:24px;
  --cv-port-gap:8px;
  --cv-port-text:var(--text-xs);
  --cv-port-color:var(--line-accent);
  --node-som:var(--node-operacao);
}
.cv-minimap-control{position:absolute;top:var(--cv-controls-inset);right:var(--cv-controls-inset);z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-2);}
.cv-minimap-control .cv-minimap{position:relative;top:auto;right:auto;}
.cv-minimap-toggle{background:var(--raised);border:1px solid var(--line);box-shadow:var(--sh1);}
.cv-minimap[hidden]{display:none;}
.cv-port,.cv-port-in{padding:0;color:var(--text);font:inherit;--cv-port-color:var(--line-accent);}
.cv-port[data-tipo="style"],.cv-port-in[data-tipo="style"]{--cv-port-color:var(--node-style);}
.cv-port[data-tipo="character"],.cv-port-in[data-tipo="character"]{--cv-port-color:var(--node-character);}
.cv-port[data-tipo="location"],.cv-port-in[data-tipo="location"]{--cv-port-color:var(--node-location);}
.cv-port[data-tipo="scene"],.cv-port-in[data-tipo="scene"]{--cv-port-color:var(--node-scene);}
.cv-port[data-tipo="objeto"],.cv-port-in[data-tipo="objeto"]{--cv-port-color:var(--node-objeto);}
.cv-port[data-tipo="som"],.cv-port-in[data-tipo="som"]{--cv-port-color:var(--node-som);}
.cv-port[data-tipo="lista"],.cv-port-in[data-tipo="lista"]{--cv-port-color:var(--node-iterador);}
.cv-port[data-tipo="operacao"],.cv-port-in[data-tipo="midia"]{--cv-port-color:var(--node-operacao);}
.cv-port[data-tipo="material"]{--cv-port-color:var(--node-material);}
.cv-port[data-tipo="edicao_local"]{--cv-port-color:var(--node-edicao_local);}
.cv-port::after,.cv-port-in::after{border-color:var(--cv-port-color);flex-shrink:0;}
.cv-port:focus-visible,.cv-port-in:focus-visible{outline:2px solid var(--focus-ring,var(--accent));outline-offset:2px;}
.cv-port-label{display:none;pointer-events:none;position:absolute;z-index:6;left:calc(100% + var(--cv-port-gap));white-space:nowrap;padding:var(--gap-1) var(--sp-2);border:1px solid var(--line);border-radius:var(--r-s);background:var(--raised);color:var(--text);font-size:var(--cv-port-text);box-shadow:var(--sh1);}
.cv-port-in .cv-port-label{left:auto;right:calc(100% + var(--cv-port-gap));}
.cv-port:hover .cv-port-label,.cv-port:focus-visible .cv-port-label,.cv-port-in:hover .cv-port-label,.cv-port-in:focus-visible .cv-port-label{display:block;}
.cv-port-in.cv-drop-ok{outline:2px solid var(--ok-line);}
.cv-port-in.cv-drop-bad{outline:2px solid var(--stop-line);}
.busca-rapida-lista .sel .busca-rapida-item{background:var(--hover);outline:1px solid var(--line-accent);outline-offset:-1px;}
.busca-rapida-painel{max-height:calc(100dvh - 32px);}
.busca-rapida-item{min-width:0;}
.busca-rapida-item>span:first-child{overflow-wrap:anywhere;}
.busca-rapida-item .hint{max-width:48%;text-align:right;flex-shrink:0;}
@media(max-width:600px){.busca-rapida{padding-top:var(--sp-3);}.busca-rapida-painel{width:calc(100vw - 24px);}.busca-rapida-item{align-items:flex-start;}.cv-minimap-control{--cv-controls-inset:var(--sp-2);}}