.tpl-explorer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px 12px;flex-shrink:0;color:#342347}
.tpl-explorer-navigation,.tpl-explorer-actions{display:flex;align-items:center;gap:8px;min-width:0}
.tpl-explorer button{min-height:40px;border:1px solid #ded5eb;border-radius:8px;background:#faf8fd;color:#493365;padding:8px 12px;font:600 12px Inter,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.tpl-explorer button:disabled{opacity:.4;cursor:default}
.tpl-explorer-count{font:600 12px Inter,Arial,sans-serif;white-space:nowrap;min-width:70px;text-align:center}
.tpl-dialog.tpl-dialog-expanded{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
.tpl-dialog-expanded .tpl-dialog-heading{padding:10px 20px;min-height:56px}
.tpl-dialog-expanded .tpl-dialog-heading .tpl-eyebrow,.tpl-dialog-expanded .tpl-preview-note{display:none}
.tpl-dialog-expanded .tpl-dialog-heading h2{font-size:18px;margin:0}
.tpl-dialog-expanded .tpl-preview-origin{margin:4px 0 0;font-size:11px}
.tpl-dialog-expanded .tpl-preview-tools{padding:0 20px 8px}
.tpl-dialog-expanded .tpl-explorer{padding:0 20px 8px}
.tpl-dialog-expanded .tpl-preview-scroll{padding:0;overscroll-behavior:contain}
.tpl-dialog-expanded .tpl-preview-desktop{width:100%;min-height:100%}
.tpl-dialog-expanded .tpl-preview-mobile{width:390px;max-width:100%;min-height:100%;border-inline:1px solid #d4ccdE}
.tpl-dialog-expanded .tpl-preview-canvas iframe{min-height:calc(100dvh - 170px)}
.tpl-dialog-expanded:not([data-preview-actions="true"]) .tpl-create,.tpl-dialog-expanded .tpl-preview-readonly{display:none}
.tpl-dialog-expanded[data-preview-actions="true"] .tpl-create{max-height:40dvh;overflow:auto}
@media(max-width:600px){.tpl-explorer{padding:0 12px 10px;flex-wrap:wrap;gap:8px}.tpl-explorer-navigation{flex:1 0 100%;width:100%;justify-content:space-between}.tpl-explorer-actions{width:100%;justify-content:flex-end}.tpl-explorer button{padding:8px 10px;min-height:44px}.tpl-dialog-expanded .tpl-explorer{padding:0 12px 8px}.tpl-dialog-expanded .tpl-dialog-heading{padding:10px 12px;gap:8px}.tpl-dialog-expanded .tpl-preview-tools{padding:0 12px 8px}.tpl-dialog-expanded .tpl-dialog-heading h2{font-size:16px}.tpl-dialog-expanded .tpl-preview-canvas iframe{min-height:calc(100dvh - 220px)}}