.visual-zone{box-sizing:border-box;z-index:-1;pointer-events:none;transition:border-color .2s;position:absolute}.visual-zone-bg{z-index:-2;transition:background-color .2s;position:absolute;inset:0}.visual-zone-header{pointer-events:auto;backdrop-filter:blur(15px);color:var(--white-color,#fff);text-transform:uppercase;letter-spacing:.1em;cursor:grab;-webkit-user-select:none;user-select:none;z-index:5;background:rgba(25,30,40,.95);border:1px solid #333;align-items:center;gap:8px;height:20px;padding:4px 10px;font-family:monospace;font-size:.85rem;display:flex;position:absolute;top:-30px;left:24px}.visual-zone-header:active{cursor:grabbing}.visual-zone-title-span{cursor:pointer}.visual-zone-color-picker-wrapper{cursor:pointer;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:relative}.visual-zone-color-picker-input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.visual-zone-color-swatch{pointer-events:none;border:1px solid rgba(255,255,255,.3);width:10px;height:10px}.visual-zone-delete-btn{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0 0 0 6px;font-family:monospace;font-size:1.1rem;line-height:1;transition:color .2s;display:flex}.visual-zone-delete-btn:hover{color:var(--accent-color,#c2fe0c)}.visual-zone .resize-handle{pointer-events:auto;z-index:10;background-color:rgba(25,30,40,.95);border:1px solid #444;width:8px;height:8px}.visual-zone .resize-handle:hover{border-color:var(--accent-color,#c2fe0c);background-color:var(--accent-color,#c2fe0c)}.visual-zone-edit-btn{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0 4px;transition:opacity .2s;display:flex}.visual-zone-edit-btn:hover{opacity:1}.visual-zone-edit-icon{filter:invert();width:12px;height:12px}