.template-cover-button{display:block;position:relative;width:100%;padding:0;border:0;cursor:pointer;text-align:left}.template-cover-button span{position:absolute;bottom:16px;right:16px;display:flex;gap:8px;align-items:center;padding:10px 14px;color:white;background:#202326dd;border-radius:4px}.template-preview-dialog{width:min(1120px,96vw);max-width:96vw;max-height:92svh;padding:0;border:1px solid var(--line,#ddd);border-radius:8px;background:var(--surface,white);color:var(--text,#202326)}.template-preview-dialog::backdrop{background:#17191ccc}.template-preview-dialog>header{position:sticky;top:0;z-index:2;background:var(--surface,white);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line,#ddd)}.template-preview-dialog h2{font-size:22px;margin:0;overflow-wrap:anywhere}.template-preview-dialog header>div{display:flex;flex-shrink:0;gap:4px}.template-preview-dialog header button{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:inherit;border-radius:4px}.template-preview-dialog header button[aria-pressed=true]{background:#7b899533}.template-preview-dialog footer{padding:16px;border-top:1px solid var(--line,#ddd)}.template-preview-body{width:100%;margin:0 auto;min-width:0}.template-preview-body.mobile{width:min(390px,100%)}