/* A dedicated handle leaves the preview card and every touch scroll unambiguous. */
.editor-template-library .etl-template-card[data-editor-library-dragging="true"]{opacity:.45;transform:none}
.editor-template-library .etl-card-placement{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .6rem .6rem;border-top:1px solid var(--etl-line);background:var(--etl-panel)}
.editor-template-library .etl-card-placement button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;min-width:44px;padding:.45rem .55rem;border:1px solid var(--etl-line);border-radius:.5rem;font-size:.67rem;line-height:1.4;font-weight:650}
.editor-template-library .etl-card-drag{touch-action:none;user-select:none;cursor:grab;background:var(--etl-soft);color:var(--etl-muted)}
.editor-template-library .etl-card-drag:active{cursor:grabbing}.editor-template-library .etl-card-place{background:var(--etl-soft);color:var(--etl-accent)}
.editor-template-library .etl-card-placement button:hover:not(:disabled){border-color:var(--etl-accent);color:var(--etl-accent)}
.editor-template-library .etl-card-placement button:disabled{opacity:1;background:var(--etl-soft);color:var(--etl-muted)}
.etl-preview-dialog footer>.etl-preview-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:stretch;justify-content:flex-end;gap:.55rem}
.etl-choose-placement{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.65rem .85rem;border:1px solid var(--etl-line);border-radius:.65rem;background:var(--etl-soft);color:var(--etl-accent);font-size:.75rem!important;font-weight:650!important}
.etl-choose-placement:hover:not(:disabled){border-color:var(--etl-accent)}
.etl-preview-dialog[open]{display:flex;flex-direction:column;overscroll-behavior:contain}
.etl-preview-dialog>header,.etl-preview-dialog>.etl-preview-toolbar,.etl-preview-dialog>footer{flex-shrink:0}
.etl-preview-dialog .etl-full-preview{flex:1 1 auto;min-height:8rem;overscroll-behavior:contain}
/* The enlarged peek is inert and never owns a canvas drop or blocks a pointer. */
.editor-template-library.etl-canvas-peek{position:fixed;z-index:110;display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid var(--etl-line);border-radius:1rem;background:var(--etl-panel);box-shadow:0 14px 48px #03132152;pointer-events:none;animation:etl-peek-in .16s ease-out}
.etl-canvas-peek>header{flex-shrink:0;padding:.85rem 1rem;border-bottom:1px solid var(--etl-line)}
.etl-canvas-peek>header>span{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem;color:var(--etl-accent);font-size:.62rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}
.etl-canvas-peek>header>strong{display:block;color:var(--etl-ink);font-size:.9rem;line-height:1.45}.etl-canvas-peek>header>p{margin-top:.3rem;color:var(--etl-muted);font-size:.72rem;line-height:1.65;overflow-wrap:anywhere}
.etl-canvas-peek-stage{min-height:0;overflow:hidden;background:var(--etl-soft)}
.etl-canvas-peek-stage .template-preview-canvas{pointer-events:none}.etl-canvas-peek-hint{flex-shrink:0;padding:.6rem 1rem;border-top:1px solid var(--etl-line);color:var(--etl-muted);font-size:.64rem;line-height:1.6}
@keyframes etl-peek-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:639px){.etl-preview-dialog footer>.etl-preview-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.etl-preview-dialog .etl-full-preview{max-height:40dvh;min-height:7rem}.etl-preview-dialog>header p{font-size:.72rem}.etl-preview-dialog footer>div:not(.etl-preview-actions){flex:0 0 auto}.etl-preview-dialog>footer{max-height:42dvh;overflow:auto}.etl-card-placement .etl-card-place{flex:1}}
@media(prefers-reduced-motion:reduce){.editor-template-library.etl-canvas-peek{animation:none}}
@media(forced-colors:active){.editor-template-library.etl-canvas-peek,.editor-template-library .etl-card-placement button{border:1px solid ButtonText;background:Canvas;color:CanvasText}}
.etl-canvas-peek>header>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.etl-canvas-peek>header>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
@media(hover:none) and (pointer:coarse){.editor-template-library .etl-search input{font-size:16px}}
.etl-action-status{display:flex;align-items:center;gap:.5rem;margin-block:.65rem;color:var(--etl-muted);font-size:.72rem;line-height:1.6}.etl-action-status>svg{flex-shrink:0;color:var(--etl-accent)}

/* Short viewports reserve space for actions instead of imposing a canvas minimum. */
@media(max-height:600px){
  .etl-preview-dialog[open]{height:calc(100dvh - 1rem);max-height:calc(100dvh - 1rem);overflow:hidden}
  .etl-preview-dialog>header{padding:.5rem .65rem;gap:.5rem}
  .etl-preview-dialog>header p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:.2rem}
  .etl-preview-dialog>.etl-preview-toolbar{padding:.4rem .65rem;gap:.4rem}
  .etl-preview-dialog>.etl-preview-toolbar>span{display:none}
  .etl-preview-dialog .etl-full-preview{min-height:0;max-height:none;padding:.5rem;flex:1 1 auto}
  .etl-preview-dialog>footer{flex:0 0 auto;min-height:0;max-height:40dvh;padding:.5rem .65rem;gap:.5rem;overflow:auto;overscroll-behavior:contain}
  .etl-preview-dialog footer>.etl-preview-actions{gap:.4rem}
}
@media(max-width:639px) and (max-height:600px){
  .etl-preview-dialog>.etl-preview-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .etl-preview-dialog>.etl-preview-toolbar button{justify-content:center;min-height:44px;padding:.4rem .45rem}
}