.canvas-encapsulation{background:#202020!important;border:0!important;border-radius:40px;color:#eee;box-shadow:none!important}
#canvas-capsule-range-preview{position:absolute;z-index:0;background:rgba(200,72,72,.28);border:0;border-radius:40px;box-shadow:none;pointer-events:none;user-select:none}
#view-editor .canvas-media-node-frame>.canvas-used-reference-overlay{position:absolute;inset:0;z-index:8;border:0;border-radius:inherit;background:rgba(222,180,85,.32);pointer-events:none;user-select:none}
.canvas-encapsulation.canvas-network-box-collapsed{width:640px;height:360px;min-width:0!important;min-height:0!important;padding:0!important;background:transparent!important;border-radius:0;overflow:visible}
.canvas-encapsulation.canvas-network-box-collapsed::before{content:"";position:absolute;inset:0;background:url('../icons/capsule-core-node.svg') center/contain no-repeat;pointer-events:none}
.canvas-encapsulation.canvas-network-box-collapsed>.canvas-encapsulation-name{position:absolute;left:50%;top:100%;transform:translateX(-50%);font-size:50px;line-height:1.4;text-align:center}
.canvas-encapsulation.canvas-network-box-collapsed.selected{outline:0!important}
.canvas-encapsulation.canvas-network-box-collapsed.selected::before{filter:drop-shadow(0 0 8px #cbb681)}
.canvas-encapsulation.canvas-network-box{background:rgba(32,32,32,.75)!important}
#view-editor .canvas-encapsulation.canvas-network-box{pointer-events:auto;cursor:default;z-index:-1}
#view-editor .canvas-encapsulation.canvas-network-box>.canvas-capsule-label{pointer-events:auto}
.canvas-encapsulation-name{color:#eee;font-size:50px;white-space:nowrap;pointer-events:none}
.canvas-encapsulation-name::before{content:none}
.canvas-capsule-label{position:absolute;left:24px;bottom:calc(100% + 12px);max-width:calc(100% - 48px);color:#fff;font:500 50px/1.35 system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;cursor:text;pointer-events:auto;user-select:text;border:0;background:transparent}
.canvas-capsule-label[contenteditable="true"]{min-width:160px;background:#202020;border-radius:12px;padding:4px 12px;outline:2px solid #cbb681;text-overflow:clip}
.canvas-encapsulation.canvas-network-box>.canvas-encapsulation-name{position:absolute;top:8px;left:24px;font-size:50px}
.canvas-encapsulation.canvas-network-box>.canvas-capsule-label{font-size:calc(28px * var(--canvas-toolbar-counter-scale, 1));font-weight:700;bottom:calc(100% + 36px * var(--canvas-toolbar-counter-scale, 1))}
.canvas-encapsulation.canvas-network-box>.canvas-capsule-label::before{content:"";display:inline-block;width:1.35em;height:1.35em;margin-right:.35em;vertical-align:-.3em;background:url('../icons/capsule-core-node.svg') center/contain no-repeat;pointer-events:none}
.canvas-encapsulation.selected{outline:2px solid #cbb681;outline-offset:3px}
#canvas-capsule-info{position:fixed;z-index:600;background:#202020;color:#ddd;border:0;border-radius:16px;box-sizing:border-box;padding:16px;width:340px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;box-shadow:0 14px 48px #0008;font:13px/1.8 system-ui}
#canvas-capsule-info strong{display:block;margin-bottom:10px;color:#fff}#canvas-capsule-info p{color:#d6c5a4;margin:12px 0 6px}#canvas-capsule-info small{color:#aaa}
.capsule-info-actions{display:flex;gap:6px;flex-wrap:nowrap;margin-top:14px;overflow-x:auto}#canvas-capsule-info .capsule-info-actions button{flex:0 0 auto;white-space:nowrap;font:12px/1.5 system-ui;background:#333;border:0;border-radius:999px!important;padding:8px 10px;color:#eee;cursor:pointer}.capsule-info-actions button:focus-visible{outline:2px solid #cbb681;outline-offset:2px}
#view-editor .canvas-multi-selection-frame{border:0;background:rgba(96,96,96,.45);box-shadow:none;cursor:default}
