.share-actions,.preview-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin:24px 0}.share-actions>button,.preview-actions>button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;min-height:44px}.preview-new-tab{display:block;margin:8px auto 0;border:0;text-decoration:underline;text-underline-offset:4px;font-size:12px;min-height:44px}.preview-tools{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:center;padding:8px 16px;color:#181518;font:400 12px/1.5 Poppins,sans-serif}.preview-tools a,.preview-tools button{display:inline-flex;align-items:center;min-height:44px;color:inherit}.preview-tools button{border:0;padding:8px 0}.preview-tools a{text-underline-offset:4px}.preview-tools a:focus-visible,.preview-tools button:focus-visible{outline:2px solid #662cb5;outline-offset:4px}.preview-tools+section .app-header{margin-top:0}@media(max-width:480px){.share-actions>button,.preview-actions>button{flex:1 1 100%;width:100%}}

.share-save-state{min-height:26px;margin:0 0 12px}.share-save-state #save-status{position:static;margin:0;padding:0;max-width:100%;background:transparent;color:#d4ccd8;line-height:1.6}.share-save-state #save-status[data-error=true]{color:#ffdab6}

/* Keep the back's complete protected text area in the compact editing preview.
   Its geometry follows the approved 406 × 507 card, top 18%, height 60%. */
@media(max-width:740px){
 .editing-workspace .preview-panel[data-side="back"]{--live-card-width:260px}
 .editing-workspace .preview-panel[data-side="back"] .live-crop{
  height:calc(var(--live-card-width) * 507 / 406 * .6 + 16px);
 }
 .editing-workspace .preview-panel[data-side="back"] .card-container{
  width:var(--live-card-width);
  transform:translateY(calc(8px - var(--live-card-width) * 507 / 406 * .18));
 }
}
@media(max-width:360px){
 .editing-workspace .preview-panel[data-side="back"]{--live-card-width:245px}
}