/* Readable workbench: spacious desktop toolbox and resizable phone tools. */
.invitation-design-grid{grid-template-columns:minmax(380px,40%) minmax(0,1fr)}
.invite-artwork-mode .compact-tool-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px;overflow:visible}
.invite-artwork-mode .compact-tool-tabs button{font-size:14px;padding:12px 9px;min-height:44px;white-space:normal;border:1px solid #d8e5e0}
.invite-artwork-mode .compact-tool-tabs button.active{background:#1d6c59;color:white;border-color:#1d6c59}
.invite-artwork-mode .compact-tool-body{padding:18px;font-size:14px;overflow:auto}
.invite-artwork-mode .compact-tool-body .field{margin:12px 0}
.invite-artwork-mode .compact-art-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.invite-artwork-mode .compact-art-choice{min-height:88px;padding:9px}.invite-artwork-mode .compact-art-choice span{font-size:12px}
.invite-artwork-mode .compact-action-holder{max-height:150px;overflow:auto;padding:0 12px}
.hz-shared-library{background:#523f83!important;border:1px solid #523f83!important;color:#fff!important;min-height:44px!important;padding:11px 16px!important;box-shadow:0 3px 10px #523f8320}
.hz-shared-library:hover{background:#38285e!important}.hz-shared-library:focus-visible{outline:3px solid #b7a0e6;outline-offset:3px}
.hz-editor-layout-toggle{display:none}
@media(max-width:800px){
 .invitation-designer .modal-head .hz-editor-layout-toggle{display:block;font-size:12px;padding:9px 11px;min-height:40px;background:#e7f2ec;border:1px solid #bfd4c9;border-radius:9px;color:#205e4e}
 .invite-artwork-mode>.invitation-design-settings{flex:0 0 56%;max-height:56%}
 .invite-artwork-mode .compact-tool-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px}
 .invite-artwork-mode .compact-tool-tabs button{font-size:13px;padding:8px 5px;min-height:40px}
 .invite-artwork-mode .compact-tool-body{padding:12px}
 .invite-artwork-mode .compact-action-holder{max-height:82px}
 .invitation-designer.hz-tools-expanded .invite-artwork-mode>.invitation-live{display:none}
 .invitation-designer.hz-tools-expanded .invite-artwork-mode>.invitation-design-settings{flex:1;max-height:none}
 .invitation-designer.hz-tools-expanded .compact-tool-body{font-size:15px}
}
/* Canvas artwork retains its image proportions. Hero overlays use guest_layout.css. */
.invite-canvas-bg-img{object-fit:contain!important}
.invite-cover img,.invitation-live .invite-cover img{height:auto!important;max-height:none!important;object-fit:contain!important}