.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}}