.block-wrapper{position:relative;border-radius:4px}.block-wrapper.block-is-sorting{transition:transform .2s ease}.block-is-draggable:hover{outline:2px solid rgba(139,92,246,.4);outline-offset:2px}.block-is-selected{outline:2px solid #7c3aed!important;outline-offset:2px}.block-is-dragging{outline:2px solid #7c3aed!important;outline-offset:2px;box-shadow:0 8px 25px #7c3aed4d,0 4px 10px #0000001f;cursor:grabbing;will-change:transform}.block-is-locked:hover{outline:1px dashed #d1d5db;outline-offset:1px}.block-handle-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;padding:4px 0;opacity:0;transition:opacity .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:20;pointer-events:none}.block-handle-bar:active{cursor:grabbing}.block-is-draggable:hover>.block-handle-bar,.block-is-selected>.block-handle-bar,.block-is-dragging>.block-handle-bar{opacity:1}.block-handle-bar-inner{display:inline-flex;align-items:center;gap:6px;padding:3px 14px;background:#7c3aed;color:#fff;border-radius:0 0 6px 6px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #7c3aed4d;transition:background .15s ease,box-shadow .15s ease;pointer-events:auto;cursor:grab}.block-handle-bar:hover .block-handle-bar-inner{background:#6d28d9;box-shadow:0 4px 12px #7c3aed66}.block-handle-bar-icon{width:14px;height:14px;opacity:.7;flex-shrink:0}.block-handle-bar-label{letter-spacing:.02em;line-height:1}.block-locked-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;opacity:0;transition:opacity .15s ease;z-index:20;padding:4px 0}.block-is-locked:hover>.block-locked-bar{opacity:1}.block-locked-bar-label{display:inline-flex;align-items:center;padding:2px 10px;background:#9ca3af;color:#fff;border-radius:0 0 4px 4px;font-size:10px;font-weight:500;white-space:nowrap}.block-drag-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#7c3aed;color:#fff;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 8px 25px #7c3aed59,0 2px 8px #0000001a;pointer-events:none;white-space:nowrap}.block-drag-ghost-icon{width:16px;height:16px;opacity:.8}.block-drag-ghost-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}body.block-dragging-active .block-wrapper,body.block-dragging-active .block-handle-bar{cursor:grabbing}.sortable-column{position:relative;border-radius:6px}.sortable-column:hover{outline:2px solid rgba(59,130,246,.4);outline-offset:2px}.sortable-column--dragging{outline:2px dashed rgba(59,130,246,.5)!important;outline-offset:2px}.sortable-column-handle{position:absolute;top:-2px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:18px;background:#3b82f6;border-radius:0 0 6px 6px;cursor:grab;opacity:0;transition:opacity .15s ease;z-index:20;box-shadow:0 2px 6px #3b82f64d}.sortable-column-handle:active{cursor:grabbing}.sortable-column:hover .sortable-column-handle{opacity:1}.sortable-column-handle-icon{width:16px;height:16px;color:#fff}.sortable-column-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#3b82f6;color:#fff;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 8px 25px #3b82f659,0 2px 8px #0000001a;pointer-events:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sections-dragging .section-toolbar{opacity:0!important;pointer-events:none!important}.section-drag-overlay{background:#fff;border-radius:8px;box-shadow:0 8px 25px #7c3aed4d,0 4px 12px #0000001f;border:2px solid #7c3aed;overflow:hidden;cursor:grabbing}.section-drag-overlay-content{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:300px;overflow:hidden;position:relative}.section-drag-overlay-content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.95));pointer-events:none}.section-drag-overlay-content .section-toolbar,.section-drag-overlay-content .block-handle-bar,.section-drag-overlay-content .grid-block-handle,.section-drag-overlay-content .grid-column-header,.section-drag-overlay-content .grid-add-widget{display:none!important}.btn-group-sortable{position:relative}.btn-sortable{position:relative;border-radius:8px;cursor:pointer}.btn-sortable:hover{outline:2px solid rgba(236,72,153,.4);outline-offset:2px}.btn-sortable--selected{outline:2px solid #ec4899!important;outline-offset:2px;box-shadow:0 0 0 4px #ec489926}.btn-sortable--dragging{outline:2px solid #ec4899!important;outline-offset:2px;border-radius:8px;cursor:grabbing}.btn-sortable--single:hover{outline:2px solid rgba(236,72,153,.4);outline-offset:2px;cursor:pointer}.btn-drag-handle{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:14px;background:#ec4899;border-radius:4px 4px 0 0;cursor:grab;opacity:0;transition:opacity .15s ease;z-index:20;box-shadow:0 -2px 6px #ec48994d}.btn-drag-handle:active{cursor:grabbing}.btn-sortable:hover>.btn-drag-handle,.btn-sortable--selected>.btn-drag-handle,.btn-sortable--dragging>.btn-drag-handle{opacity:1}.btn-drag-handle-icon{width:12px;height:12px;color:#fff}body.btn-dragging-active .btn-sortable,body.btn-dragging-active .btn-drag-handle{cursor:grabbing}.btn-color-bar{position:absolute;bottom:-38px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:6px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0000001f,0 1px 4px #0000000f;z-index:40;white-space:nowrap;animation:btnColorBarIn .15s ease-out}@keyframes btnColorBarIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.btn-color-bar:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#fff;border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb}.btn-color-item{display:flex;align-items:center;gap:6px;cursor:pointer;position:relative}.btn-color-input{position:absolute;width:0;height:0;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0)}.btn-color-swatch{display:block;width:22px;height:22px;border-radius:50%;border:2px solid #d1d5db;cursor:pointer;transition:border-color .15s ease,transform .15s ease;box-shadow:inset 0 0 0 1px #0000000d}.btn-color-item:hover .btn-color-swatch{border-color:#ec4899;transform:scale(1.15)}.btn-color-label{font-size:11px;font-weight:600;color:#6b7280;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-color-item:has(.btn-color-input:focus) .btn-color-swatch{border-color:#ec4899;box-shadow:0 0 0 3px #ec489933}@media(max-width:768px){.block-handle-bar-inner{padding:2px 10px;font-size:10px}.block-handle-bar-icon{width:12px;height:12px}.block-drag-ghost{font-size:11px;padding:6px 12px}.btn-drag-handle{width:24px;height:12px;top:-12px}.btn-drag-handle-icon{width:10px;height:10px}.btn-drag-ghost{font-size:10px;padding:4px 10px}}.clickable-image-wrapper{position:relative;cursor:pointer;display:inline-block;width:100%;height:100%}.clickable-image-wrapper.resized{display:block}.clickable-image-wrapper.dragging{cursor:ew-resize}.clickable-image-overlay{position:absolute;inset:0;background:#00000073;opacity:0;transition:opacity .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:500;gap:8px;pointer-events:all;z-index:5;border-radius:inherit}.clickable-image-overlay-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.clickable-image-overlay-btn:hover{background:#ffffff4d;border-color:#ffffff80}.clickable-image-wrapper:hover .clickable-image-overlay{opacity:1}.image-resize-handle{position:absolute;top:0;bottom:0;width:16px;cursor:ew-resize;z-index:15;opacity:0;transition:opacity .15s ease}.clickable-image-wrapper:hover .image-resize-handle,.image-resize-handle.active{opacity:1}.image-resize-left{left:-6px}.image-resize-right{right:-6px}.image-resize-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:32px;border-radius:3px;background:#3b82f6b3;transition:all .15s ease;box-shadow:0 1px 4px #00000026}.image-resize-handle:hover:before,.image-resize-handle.active:before{background:#3b82f6;height:44px;width:5px;box-shadow:0 0 10px #3b82f680}.image-resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:16px;border-top:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);z-index:1;opacity:0;transition:opacity .15s ease}.image-resize-handle:hover:after,.image-resize-handle.active:after{opacity:1}.image-resize-tooltip{position:absolute;top:-36px;left:50%;transform:translate(-50%);background:#3b82f6;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:6px;white-space:nowrap;z-index:20;pointer-events:none;box-shadow:0 2px 8px #0003;letter-spacing:.5px;animation:resizeTooltipIn .15s ease-out}.image-resize-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:#3b82f6}@keyframes resizeTooltipIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.clickable-image-resizable{position:relative}.clickable-image-resizable:after{content:"";position:absolute;inset:0;border:2px dashed rgba(59,130,246,.25);border-radius:8px;pointer-events:none;transition:border-color .2s}.clickable-image-resizable:hover:after{border-color:#3b82f680}.clickable-image-resize-badge{position:absolute;bottom:4px;right:4px;background:#3b82f6cc;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;pointer-events:none;opacity:.6;transition:opacity .2s;z-index:5}.clickable-image-resizable:hover .clickable-image-resize-badge{opacity:1}.split-resizer{position:absolute;top:0;bottom:0;width:32px;transform:translate(-50%);cursor:col-resize;z-index:20;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .15s ease}.split-resizer-line{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:#3b82f626;transition:all .15s ease}.split-resizer:hover .split-resizer-line,.split-resizer-active .split-resizer-line{width:3px;background:#3b82f6;box-shadow:0 0 8px #3b82f64d}.split-resizer-grip{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;padding:8px 4px;background:#fff;border:1px solid rgba(59,130,246,.2);border-radius:4px;box-shadow:0 1px 4px #00000014;transition:all .15s ease;transform:scale(.85);opacity:.5}.split-resizer:hover .split-resizer-grip,.split-resizer-active .split-resizer-grip{opacity:1;transform:scale(1);background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.split-resizer-grip span{display:block;width:10px;height:2px;background:#3b82f666;border-radius:1px}.split-resizer:hover .split-resizer-grip span,.split-resizer-active .split-resizer-grip span{background:#fff}.split-resizer-swap{position:absolute;bottom:20%;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid white;border-radius:50%;background:#3b82f6;color:#fff;cursor:pointer;opacity:.6;transition:all .2s ease;box-shadow:0 2px 8px #3b82f666}.split-resizer:hover .split-resizer-swap,.split-resizer-active .split-resizer-swap{opacity:1}.split-resizer-swap:hover{background:#2563eb;transform:translate(-50%) scale(1.2);box-shadow:0 4px 16px #3b82f699}.split-resizer-swap:active{transform:translate(-50%) scale(.95)}.split-resizer-tooltip{position:absolute;top:-36px;left:50%;transform:translate(-50%);background:#3b82f6;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:6px;white-space:nowrap;z-index:25;pointer-events:none;box-shadow:0 2px 8px #0003;letter-spacing:.5px;animation:splitTooltipIn .15s ease-out}.split-resizer-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:#3b82f6}@keyframes splitTooltipIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.split-resizer-indicator{position:absolute;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,rgba(59,130,246,.2) 0px,rgba(59,130,246,.2) 4px,transparent 4px,transparent 8px);pointer-events:none;transition:background .2s}@media(min-width:768px){.split-col-first{width:calc(var(--split-first, 50) * 1%)!important;flex-shrink:0!important}.split-col-second{width:calc(var(--split-second, 50) * 1%)!important;flex-shrink:0!important}}