.live-canvas-section-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;isolation:isolate}.live-canvas-section-overlay--hovered,.live-canvas-section-overlay--selected{pointer-events:auto}.live-canvas-section-hit-zone{position:fixed;z-index:34;background:transparent;pointer-events:auto;cursor:default}.live-canvas-section-outline{position:fixed;border:1px dashed var(--lc-hover-color);border-radius:var(--lc-overlay-radius);pointer-events:none;background:transparent;transition:border-color var(--lc-transition-fast),opacity var(--lc-transition-fast)}.live-canvas-section-outline--selected{border:1.5px solid var(--lc-selection-color);border-style:solid;background:transparent;box-shadow:none;z-index:2}.live-canvas-section-outline[data-pending-delete]{opacity:.4;transition:opacity var(--lc-transition-normal)}.live-canvas-section-reorder-ghost{position:fixed;pointer-events:none;z-index:6;border-radius:var(--lc-overlay-radius);background:color-mix(in srgb,var(--color-primary) 8%,transparent);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--color-primary) 60%,transparent),0 12px 28px color-mix(in srgb,var(--color-primary) 22%,transparent);will-change:transform,opacity;animation:lc-reorder-glide .32s cubic-bezier(.22,1,.36,1) forwards}@keyframes lc-reorder-glide{0%{opacity:.85;transform:translateY(0)}85%{opacity:.85;transform:translateY(var(--lc-glide-y, 0))}to{opacity:0;transform:translateY(var(--lc-glide-y, 0))}}.live-canvas-section-pending-delete{position:fixed;background:color-mix(in srgb,var(--color-card) 60%,transparent);border-radius:var(--lc-overlay-radius);pointer-events:none;z-index:6;animation:lc-pending-delete-fade var(--lc-transition-normal) ease forwards}@keyframes lc-pending-delete-fade{0%{opacity:0}to{opacity:.55}}.manual-canvas-section-grip{z-index:38;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-card) 96%,transparent),color-mix(in srgb,var(--color-card) 88%,transparent));color:var(--color-muted-foreground);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 1px color-mix(in srgb,var(--color-card) 70%,transparent) inset,0 1px 2px #0f172a14,0 8px 18px #0f172a1a;cursor:grab;opacity:.85;transform:scale(1);transition:opacity .16s ease,transform .22s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease;pointer-events:auto}.manual-canvas-section-grip:hover{opacity:1;transform:scale(1.08);border-color:color-mix(in srgb,var(--color-primary) 50%,transparent);background:var(--color-card);color:var(--color-foreground)}.manual-canvas-section-grip:active,.manual-canvas-section-grip[data-active]{cursor:grabbing;opacity:1;transform:scale(1.1);border-color:var(--color-primary);background:var(--color-card);color:var(--color-primary)}.manual-canvas-section-grip:focus-visible{outline:2px solid var(--color-ring, var(--color-primary));outline-offset:3px}.manual-canvas-section-grip__dots{display:grid;grid-template-columns:3px 3px;gap:2px 3px;align-items:center;justify-items:center}.manual-canvas-section-grip__dots>span{display:block;width:3px;height:3px;border-radius:999px;background:currentColor;opacity:.85}.live-canvas-section-controls{position:fixed;display:flex;align-items:center;gap:2px;padding:6px 8px;background:color-mix(in srgb,var(--color-popover) 95%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);border-radius:12px;box-shadow:0 8px 24px #00000026,0 4px 8px #00000014,0 0 0 1px color-mix(in srgb,var(--color-border) 20%,transparent);opacity:0;pointer-events:none;transition:opacity .15s ease .1s,transform var(--lc-transition-fast);z-index:39}.live-canvas-section-controls--visible{opacity:1;pointer-events:auto;transition:opacity .1s ease 0s,transform var(--lc-transition-fast)}.live-canvas-section-controls__hover-bridge{position:fixed;top:-60px;left:-20px;right:-20px;height:70px}.live-canvas-section-controls__button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:8px;color:var(--color-muted-foreground);cursor:pointer;transition:var(--lc-transition-fast)}.live-canvas-section-controls__button:hover{background:color-mix(in srgb,var(--color-muted) 80%,transparent);color:var(--color-foreground)}.live-canvas-section-controls__button--delete:hover{background:color-mix(in srgb,var(--color-destructive) 12%,transparent);color:var(--color-destructive)}.live-canvas-section-controls__button:disabled{opacity:.3;cursor:not-allowed}.live-canvas-section-controls__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.live-canvas-section-controls__divider{width:1px;height:20px;background:color-mix(in srgb,var(--color-border) 50%,transparent);margin:0 4px}.live-canvas-section-controls__button--content{width:auto;padding:0 12px;gap:6px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);font-weight:500}.live-canvas-section-controls__button--content:hover{background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary)}.live-canvas-section-controls__label{font-size:var(--lc-text-xs);font-weight:500;white-space:nowrap}.live-canvas-section-controls__drag-handle{cursor:grab}.live-canvas-section-controls__drag-handle:active{cursor:grabbing}.live-canvas-add-section{position:fixed;display:flex;align-items:center;justify-content:center;height:24px;background:transparent;cursor:pointer;z-index:35;pointer-events:auto;transition:var(--lc-transition-normal)}.live-canvas-add-section:before{content:"";position:fixed;left:0;right:0;height:1px;background:color-mix(in srgb,var(--color-primary) 30%,transparent);opacity:0;transition:opacity var(--lc-transition-fast)}.live-canvas-add-section:hover:before{opacity:1}.live-canvas-add-section__button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-primary);color:var(--color-primary-foreground);border:none;border-radius:9999px;font-size:var(--lc-text-xs);font-weight:500;opacity:0;transform:scale(.9);transition:var(--lc-transition-fast);cursor:pointer}.live-canvas-add-section:hover .live-canvas-add-section__button{opacity:1;transform:scale(1)}.live-canvas-add-section__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.live-canvas-section-drop-zone{position:fixed;pointer-events:auto;z-index:37;display:flex;align-items:center;justify-content:center}.live-canvas-section-drop-zone__bar{height:2px;width:100%;background:color-mix(in srgb,var(--color-primary) 25%,transparent);border-radius:999px;transition:all var(--lc-transition-fast)}.live-canvas-section-drop-zone[data-over=true] .live-canvas-section-drop-zone__bar{height:6px;background:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,transparent),0 0 16px color-mix(in srgb,var(--color-primary) 50%,transparent)}.live-canvas-section-drop-zone__plus{position:fixed;width:22px;height:22px;border-radius:999px;background:var(--color-primary);color:var(--color-primary-foreground);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;opacity:0;transform:scale(.7);transition:var(--lc-transition-fast)}.live-canvas-section-drop-zone[data-over=true] .live-canvas-section-drop-zone__plus{opacity:1;transform:scale(1)}.live-canvas-section-overlay.live-canvas-section-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.live-canvas-section-outline.live-canvas-section-outline{position:fixed}.live-canvas-section-controls.live-canvas-section-controls{position:fixed;z-index:39}.live-canvas-section-controls__hover-bridge.live-canvas-section-controls__hover-bridge{position:absolute}.live-canvas-add-section.live-canvas-add-section{position:fixed;transform:none;z-index:35}@media(prefers-reduced-motion:reduce){.live-canvas-section-outline,.live-canvas-section-reorder-ghost,.live-canvas-section-pending-delete,.live-canvas-section-controls,.live-canvas-add-section,.live-canvas-add-section__button,.live-canvas-section-drop-zone__bar,.live-canvas-section-drop-zone__plus,.manual-canvas-section-grip{transition:none!important;animation:none!important;transform:none!important}}