.admin-panel .admin-preview { align-content:start; }
.admin-panel .preview-card { display:flex; flex-direction:column; min-width:0; }
.admin-panel .preview-card figcaption { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; min-height:46px; }
.admin-zoom-tools { display:flex; align-items:center; gap:9px; margin-left:auto; }
.admin-zoom-tools output { min-width:42px; text-align:right; font-variant-numeric:tabular-nums; color:var(--mat-muted); }
body[data-theme-preset] .admin-panel .admin-zoom-tools button { padding:4px 10px; border:1px solid var(--mat-line); border-radius:8px; background:var(--mat-field); color:var(--mat-copy); font-size:11px; }
.admin-zoom-tools button:disabled { opacity:.45; cursor:default; }
.admin-panel .admin-zoom-viewport { position:relative; display:block; padding:0; border:0; height:clamp(300px, 52vh, 560px); overflow:hidden; overscroll-behavior:contain; user-select:none; }
.admin-zoom-layer { position:absolute; left:0; top:0; transform-origin:0 0; pointer-events:none; }
.admin-panel .admin-zoom-layer canvas { width:100%; height:100%; max-width:none; max-height:none; display:block; }
.admin-panel .admin-zoom-layer #adminSelectionOverlay { position:absolute; inset:0; }
.admin-preview-hint { grid-column:1/-1; margin:0; color:var(--mat-muted); font-size:12px; }
@media(max-width:860px) { .admin-panel .admin-zoom-viewport { height:320px; } }