.live-editor-action-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(0,0,0,.9),rgba(30,30,30,.9))!important;backdrop-filter:blur(12px);border-radius:8px;padding:4px 6px;box-shadow:0 4px 16px rgba(0,0,0,.25),0 2px 8px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.15),inset 0 1px 0 rgba(255,255,255,.1);min-width:100px;z-index:9999!important;transform:translateY(0);transition:all .3s ease;position:relative;border:1px solid rgba(255,255,255,.1)}.live-editor-action-bar:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.2)}.live-editor-action-bar__group{display:flex;align-items:center;gap:4px}.live-editor-action-bar__label{color:#ffffff;font-size:12px;font-weight:500;padding:4px 6px;border-radius:4px;background:rgba(255,255,255,.1);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-editor-action-bar__button{display:flex;align-items:center;justify-content:center;width:30px!important;height:30px!important;border:2px solid rgba(255,255,255,.3)!important;border-radius:6px!important;background:rgba(255,255,255,.95)!important;color:#1f2937!important;cursor:pointer;transition:all .3s ease;position:relative;font-weight:700;z-index:10000!important;box-shadow:0 3px 8px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.2)!important}.live-editor-action-bar__button:hover{background:rgba(59,130,246,.9)!important;transform:scale(1.1);box-shadow:0 4px 16px rgba(59,130,246,.4);border-color:rgba(59,130,246,.6)}.live-editor-action-bar__button:active{transform:scale(.95)}.live-editor-action-bar__button--danger{background:rgba(239,68,68,.9)!important;border-color:rgba(239,68,68,.6)}.live-editor-action-bar__button--danger:hover{background:rgba(220,38,38,.95)!important;box-shadow:0 4px 16px rgba(239,68,68,.5);border-color:rgba(220,38,38,.8);transform:scale(1.1)}.live-editor-action-bar__button svg{width:16px!important;height:16px!important;stroke-width:2.5!important;stroke:currentColor!important;fill:none!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))!important;opacity:1!important}.live-editor-action-bar__button:not(.live-editor-action-bar__button--danger) svg{stroke:#3b82f6!important}.live-editor-action-bar__button:not(.live-editor-action-bar__button--danger):hover svg{stroke:#60a5fa!important}.live-editor-action-bar__button--danger svg{stroke:#ef4444!important}.live-editor-action-bar__button--danger:hover svg{stroke:#f87171!important}.live-editor-action-bar__button:focus{background:rgba(59,130,246,.3)}.live-editor-overlay{position:absolute;pointer-events:none;z-index:999;transition:all .15s ease}.live-editor-overlay--dragging{opacity:.8}.live-editor-overlay__actions{position:absolute!important;top:8px!important;right:8px!important;pointer-events:auto!important;z-index:9999!important;animation:fadeInUp .15s ease forwards;isolation:isolate;transition:opacity .15s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.live-editor-overlay__wrapper{position:absolute;inset:0;pointer-events:none}.live-editor-overlay__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.8);backdrop-filter:blur(2px);border-radius:4px}.live-editor-overlay__spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.live-editor-dropzone{position:relative;transition:all .2s ease;border-radius:4px}.live-editor-dropzone--enabled{border:2px dashed rgba(156,163,175,.5)}.live-editor-dropzone--enabled:hover{border-color:rgba(59,130,246,.5);background-color:rgba(59,130,246,.02)}.live-editor-dropzone--dragged-over{border-color:#3b82f6!important;background-color:rgba(59,130,246,.1)!important;box-shadow:inset 0 0 0 1px #3b82f6,0 0 20px rgba(59,130,246,.3)}.live-editor-dropzone--root{min-height:200px}.live-editor-dropzone--root.live-editor-dropzone--enabled{border-style:solid;border-color:rgba(156,163,175,.3)}.live-editor-drawer-item{padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:white;cursor:grab;transition:all .15s ease;position:relative;user-select:none}.live-editor-drawer-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.15);transform:translateY(-1px)}.live-editor-drawer-item:active{cursor:grabbing;transform:translateY(0)}.live-editor-drawer-item--dragging{opacity:.5;transform:rotate(2deg)}[data-live-editor-dnd]{position:relative;transition:all .2s ease;cursor:pointer}[data-live-editor-dnd]:hover{outline:2px solid rgba(6,182,212,.8);outline-offset:2px;transform:translateY(-1px);box-shadow:0 4px 12px rgba(6,182,212,.2),0 0 0 4px rgba(6,182,212,.1);transition:all .15s ease}[data-live-editor-dnd]:before{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:rgba(6,182,212,.6);border-radius:50%;opacity:0;transition:opacity .15s ease;z-index:10;pointer-events:none}[data-live-editor-dnd]:hover:before{opacity:1}[data-live-editor-entry]{position:relative}[data-live-editor-entry][data-puck-dragging]{overflow:hidden}[data-live-editor-entry][data-puck-dragging] *{pointer-events:none!important}@media (max-width:768px){.live-editor-action-bar{padding:4px 6px;min-width:100px}.live-editor-action-bar__button{width:24px;height:24px}.live-editor-action-bar__button svg{width:12px;height:12px}.live-editor-action-bar__label{font-size:11px;padding:3px 5px;max-width:80px}.live-editor-overlay__actions{top:-35px}}.live-editor-drawer-item,.live-editor-dropzone,.live-editor-overlay{will-change:transform,opacity}*{box-sizing:border-box}.live-editor-overlay *{transition:inherit}.live-editor-ghost{opacity:.6;transform:rotate(2deg) scale(.95);filter:blur(1px);transition:all .2s ease;pointer-events:none}.live-editor-drag-feedback{position:fixed;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b,#ef4444);background-size:400% 100%;animation:dragProgress 2s ease-in-out infinite;z-index:10000;opacity:0;transition:opacity .3s ease}.live-editor-drag-feedback.active{opacity:1}@keyframes dragProgress{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.live-editor-dropzone [data-component-type=hero]{margin:0 0 2rem}.live-editor-dropzone [data-component-type=header]{margin:0 0 1rem}.live-editor-dropzone [data-component-type=footer]{margin:2rem 0 0}.live-editor-dropzone[data-zone=header]{border-top:3px solid #3b82f6}.live-editor-dropzone[data-zone=main]{border:1px dashed #10b981}.live-editor-dropzone[data-zone=footer]{border-bottom:3px solid #6366f1}.live-editor-action-bar,.live-editor-dropzone,.live-editor-overlay{contain:layout style paint}.live-editor-selection-indicator{position:absolute;inset:-4px;border:2px solid #3b82f6;border-radius:8px;background:rgba(59,130,246,.1);pointer-events:none;animation:selectionPulse 2s ease-in-out infinite}@keyframes selectionPulse{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.7)}50%{box-shadow:0 0 0 8px rgba(59,130,246,0)}}.live-editor-action-bar__button:focus{outline:2px solid #3b82f6;outline-offset:2px}.live-editor-action-bar__button:focus:not(:focus-visible){outline:none}@media (prefers-contrast:high){.live-editor-overlay__border{border-width:3px}.live-editor-action-bar{background:#000000;border:1px solid #ffffff}.live-editor-dropzone--enabled{border-width:3px;border-style:solid}}@media (prefers-reduced-motion:reduce){.live-editor-action-bar,.live-editor-drawer-item,.live-editor-dropzone,.live-editor-overlay{transition:none!important;animation:none!important}.live-editor-selection-indicator{animation:none}}@media (prefers-color-scheme:dark){.live-editor-action-bar{background:rgba(17,24,39,.95);border:1px solid rgba(75,85,99,.5)}.live-editor-action-bar__label{background:rgba(75,85,99,.3);color:#f9fafb}.live-editor-action-bar__button{background:rgba(75,85,99,.2);color:#f9fafb}.live-editor-action-bar__button:hover{background:rgba(107,114,128,.3)}.live-editor-dropzone--enabled{border-color:rgba(75,85,99,.5)}.live-editor-dropzone--dragged-over{border-color:#60a5fa!important;background-color:rgba(96,165,250,.1)!important}}.live-editor-action-bar__button[title]{position:relative}.live-editor-action-bar__button[title]:hover:after{content:attr(title);position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:white;padding:6px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;animation:tooltipFadeIn .2s ease;pointer-events:none}.live-editor-action-bar__button[title]:hover:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);border:4px solid transparent;border-bottom-color:rgba(0,0,0,.9);z-index:1001;pointer-events:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (hover:none) and (pointer:coarse){.live-editor-action-bar__button{width:40px;height:40px;border-radius:8px}.live-editor-action-bar__button svg{width:20px;height:20px}}.live-editor-action-bar__button:active{transform:scale(.9);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.live-editor-overlay{z-index:9998!important}.live-editor-action-bar,.live-editor-action-bar *,.live-editor-action-bar__button,.live-editor-action-bar__button *{z-index:9999!important;position:relative!important}.live-editor-action-bar *{position:relative!important;z-index:10001!important}.live-editor-action-bar__button{backdrop-filter:blur(4px)!important;isolation:isolate!important}.live-editor-overlay *{z-index:9999!important}.live-editor-action-bar__button *{z-index:10002!important}.live-editor-action-bar__button{opacity:1!important;visibility:visible!important;display:flex!important}.live-editor-component-actions{position:absolute!important;top:8px!important;right:8px!important;z-index:1000!important;pointer-events:auto!important}.live-editor-component-actions .live-editor-action-bar{background:rgba(0,0,0,.9)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;padding:4px 6px!important;display:flex!important;align-items:center!important;gap:4px!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important}.live-editor-delete-btn,.live-editor-edit-btn{background:rgba(255,255,255,.1)!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:4px!important;width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .15s ease!important}.live-editor-delete-btn:hover,.live-editor-edit-btn:hover{background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.3)!important;transform:scale(1.05)!important}[data-live-editor-dnd]{position:relative!important}.live-editor-overlay[data-live-editor-overlay] .live-editor-overlay__actions{pointer-events:auto!important;z-index:10000!important;position:absolute!important;top:8px!important;right:8px!important;margin:4px!important}.live-editor-overlay[data-live-editor-overlay] .live-editor-action-bar{z-index:10001!important;position:relative!important;isolation:isolate!important}.live-editor-overlay[data-live-editor-overlay] .live-editor-action-bar__button{z-index:10002!important;position:relative!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.live-editor-action-bar__button,.live-editor-action-bar__button--danger{background:rgba(255,255,255,.1)!important;color:white!important;border:2px solid rgba(255,255,255,.2)!important;text-shadow:none!important;box-shadow:0 2px 8px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.05)!important}.live-editor-action-bar__button--danger:hover,.live-editor-action-bar__button:hover{background:rgba(255,255,255,.2)!important;color:white!important;border-color:rgba(255,255,255,.3)!important;text-shadow:none!important}@media (max-width:640px){.live-editor-action-bar{min-width:100px;padding:4px 6px}.live-editor-action-bar__button{width:28px;height:28px}.live-editor-action-bar__button svg{width:14px;height:14px}.live-editor-action-bar__label{font-size:10px;max-width:60px}}