/* Shared compact preview controls, outside the example space design. */
.demo-space-page .template-preview-header,.demo-space-page .template-preview-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px clamp(16px,4vw,48px);background:var(--ui-page);color:var(--ui-text);font:500 14px/1.4 system-ui,sans-serif;}
.demo-space-page .template-preview-header {min-height:60px;}
.demo-space-page .template-preview-header a,.demo-space-page .template-preview-footer a {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;color:inherit;text-decoration:none;}
.demo-space-page .template-preview-header a:focus-visible,.demo-space-page .template-preview-footer a:focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px;}
.demo-space-page .template-preview-header>a:first-child svg {transform:rotate(180deg);}
.demo-space-page .template-preview-use {padding:8px 14px;border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-panel);}
.demo-space-page .template-preview-label {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.demo-space-page .template-preview-footer {flex-wrap:wrap;font-size:12px;}
@media(max-width:600px){.demo-space-page .template-preview-label{display:none;}}