:root{--z-editor-local:10;--z-editor-overlay:20;--z-editor-popover:50;--z-editor-section-border:60;--z-editor-toolbar:70;--z-editor-actions:9998;--z-editor-portal:9999}.clickable-section{--radius:12px;--offset:2px;cursor:pointer;position:relative}.clickable-section:after{content:"";inset:var(--offset);pointer-events:none;z-index:60;border:2px dashed #0000;border-radius:0;transition:border-color .15s;position:absolute}.clickable-section--round-top:after{border-radius:calc(var(--radius) - var(--offset))calc(var(--radius) - var(--offset))0 0}.clickable-section--round-bottom:after{border-radius:0 0 calc(var(--radius) - var(--offset))calc(var(--radius) - var(--offset))}.clickable-section:hover:after{border-color:#93c5fd}.clickable-section--active:after{border:2px solid #3b82f6}.clickable-section--active:hover:after{border-color:#3b82f6}.clickable-section--locked:after{border:2px solid #f59e0b}.clickable-section__lock-banner{z-index:var(--z-editor-toolbar);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f59e0beb;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:500;display:flex;position:absolute;top:0;left:0;right:0}.clickable-section__lock-banner--warn{background:#ef4444eb}.clickable-section__lock-timer{opacity:.85;margin-left:auto;font-size:11px}