.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}.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:#efefef!important;border:1px solid #e2e2e2!important;border-radius:16px!important;padding:8px 6px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:2px!important;min-width:min-content!important;backdrop-filter:none!important}.live-editor-component-actions .live-editor-action-bar,.live-editor-component-actions .live-editor-action-bar:hover{box-shadow:0 1px 2px 0 rgb(0 0 0/.05)!important;transform:none!important}.live-editor-action-label{color:#404040;cursor:pointer;border-radius:4px;font-size:12px;line-height:1;padding:2px 6px;user-select:none;white-space:nowrap}.live-editor-action-label:focus-visible,.live-editor-action-label:hover{background:#e5e5e5;outline:none}.live-editor-action-divider{display:inline-block;width:1px;height:20px;margin:0 8px;background:#a3a3a3;opacity:.6;flex-shrink:0}.live-editor-delete-btn,.live-editor-edit-btn{background:transparent!important;color:#262626!important;border:none!important;border-radius:4px!important;width:28px!important;height:28px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background-color .1s ease-in-out!important}.live-editor-delete-btn:hover,.live-editor-edit-btn:hover{background:#e5e5e5!important;transform:none!important}.live-editor-delete-btn svg,.live-editor-edit-btn svg{stroke:currentColor!important;stroke-width:1.75!important;filter:none!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}}:root{--glass-bg:rgba(255,255,255,0.25);--glass-bg-hover:rgba(255,255,255,0.35);--glass-border:rgba(255,255,255,0.18);--glass-shadow:0 8px 32px 0 rgba(31,38,135,0.37);--glass-shadow-hover:0 1px 10px 0 rgba(118,123,187,0.5);--glass-bg-dark:rgba(0,0,0,0.25);--glass-bg-hover-dark:rgba(0,0,0,0.35);--glass-border-dark:rgba(255,255,255,0.1);--glass-shadow-dark:0 8px 32px 0 rgba(0,0,0,0.5);--blur-sm:4px;--blur-md:8px;--blur-lg:12px;--blur-xl:16px;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-success:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-warning:linear-gradient(135deg,#43e97b,#38f9d7);--gradient-danger:linear-gradient(135deg,#fa709a,#fee140)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.dark .glass-card{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);box-shadow:var(--glass-shadow-dark)}.dark .glass-card:hover{background:var(--glass-bg-hover-dark)}.glass-button{background:rgba(255,255,255,.1);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid rgba(255,255,255,.2);border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.glass-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.glass-button:hover:before{left:100%}.glass-button:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.glass-modal{background:rgba(255,255,255,.15);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.glass-input{background:rgba(255,255,255,.1);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid rgba(255,255,255,.2);border-radius:12px;transition:all .3s ease}.glass-input:focus{background:rgba(255,255,255,.2);border-color:rgba(99,102,241,.5);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.glass-badge{background:rgba(255,255,255,.2);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:4px 8px;font-size:.75rem;font-weight:500}.glass-dropdown{background:rgba(255,255,255,.15);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.glass-nav{background:rgba(255,255,255,.1);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border-bottom:1px solid rgba(255,255,255,.1)}.glass-sidebar{background:rgba(255,255,255,.05);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border-right:1px solid rgba(255,255,255,.1)}.glass-task-card{background:rgba(255,255,255,.2);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid rgba(255,255,255,.3);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-task-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.glass-task-card:hover{background:rgba(255,255,255,.3);transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.glass-column{background:rgba(255,255,255,.1);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid rgba(255,255,255,.2);border-radius:16px;transition:all .3s ease}.glass-column:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.glass-progress{background:rgba(255,255,255,.1);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border-radius:8px;overflow:hidden;position:relative}.glass-progress:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.glass-spinner{background:rgba(255,255,255,.1);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid rgba(255,255,255,.2);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.glass-tooltip{background:rgba(0,0,0,.8);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid rgba(255,255,255,.1);border-radius:8px;color:white;padding:8px 12px;font-size:.875rem;box-shadow:0 4px 12px rgba(0,0,0,.3)}.glass-notification{background:rgba(255,255,255,.15);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);transition:all .3s ease}.glass-notification:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.glass-scrollbar::-webkit-scrollbar{width:8px}.glass-scrollbar::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.glass-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px;transition:background .3s ease}.glass-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.glass-bg-primary{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1))}.glass-bg-success{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(6,182,212,.1))}.glass-bg-warning{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(251,191,36,.1))}.glass-bg-danger{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.1))}@media (max-width:768px){.glass-card{backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm))}.glass-modal{backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}}.glass-button,.glass-card,.glass-input,.glass-task-card{will-change:transform,background,box-shadow}@media (prefers-reduced-motion:reduce){.glass-button,.glass-card,.glass-task-card{transition:none}.glass-progress:before,.glass-spinner{animation:none}}@media (prefers-contrast:high){.glass-card{background:rgba(255,255,255,.9);border:2px solid rgba(0,0,0,.8)}.dark .glass-card{background:rgba(0,0,0,.9);border:2px solid rgba(255,255,255,.8)}}