/* Independent bounded panes: controls never cover the artwork or form builder. */
.invitation-designer-overlay{padding:0;align-items:stretch!important}
.invitation-designer{width:100vw!important;max-width:none!important;height:100dvh;max-height:100dvh!important;border-radius:0!important;margin:0!important;overflow:hidden}
.invitation-designer>.modal-head{padding:12px 20px;min-height:64px}
.invitation-designer>.modal-head p{margin:3px 0;font-size:11px}
.invitation-designer>.invite-workshop-tabs{flex-shrink:0;flex-wrap:nowrap;overflow-x:auto;padding:6px 14px}
.invitation-design-grid{display:grid!important;grid-template-columns:minmax(280px,360px) minmax(0,1fr);overflow:hidden!important;min-height:0;flex:1}
.invitation-design-grid>.invitation-design-settings{min-width:0;min-height:0;overflow:auto}
.invitation-design-grid>.invitation-live{min-width:0;min-height:0;overflow:auto;height:100%;padding:12px 24px;position:relative;border-left:1px solid #dce6e4}
.invitation-designer .rsvp-builder-footer{flex-shrink:0;padding:9px 18px;min-height:54px;border-top:1px solid #e1e8e5;background:white}
.invitation-designer .rsvp-builder-footer .invite-library-help{margin:0;flex:1}
.invitation-design-grid.invite-rsvp-mode{display:block!important;overflow:auto!important}
.invite-rsvp-mode #rsvpWizardHost{min-width:0;max-width:1120px;margin:auto;position:relative;overflow:visible}
.invite-rsvp-mode>.invitation-live{display:none!important}
.invite-rsvp-mode .rsvp-builder-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);height:auto;overflow:visible;gap:20px}
.invitation-design-grid.invite-preview-mode{display:block!important;overflow:auto!important}
.invitation-design-grid.invite-artwork-mode>.invitation-live{display:flex;flex-direction:column;overflow:hidden}
.invite-artwork-mode .invite-preview-help{display:none}
.invite-artwork-mode #invitationLivePreview{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;padding:0!important;background:transparent!important}
.invite-artwork-mode #invitationLivePreview .invite-canvas{width:min(100%,calc((100dvh - 235px)*.7142857));max-width:550px!important;margin:0!important;aspect-ratio:5/7;max-height:100%;border-radius:0}
.invite-artwork-mode #invitationLivePreview>.hz-invitation-hero,.invite-artwork-mode #invitationLivePreview>.hz-rsvp-heading{display:none}
.hz-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.hz-control-grid label{display:flex;gap:8px;align-items:center}.hz-control-grid input[type=number]{width:90px;margin-left:auto}
.hz-art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.hz-art-tile{padding:10px;border:1px solid #dce7e2;border-radius:12px;background:#fff}.hz-art-tile img{width:100%;height:110px;object-fit:contain}.hz-art-tile .btn{margin:3px 0}
.hz-tour-backdrop{position:fixed;inset:0;background:#102c35bb;z-index:4000;display:grid;place-items:center;padding:20px}.hz-tour{background:#fff;color:#24423e;border-radius:24px;max-width:560px;width:100%;padding:30px;box-shadow:0 25px 100px #0a242760}.hz-tour-steps{display:flex;gap:6px;margin:18px 0}.hz-tour-steps span{height:5px;flex:1;background:#e4eeeb;border-radius:10px}.hz-tour-steps span.active{background:#1d7c66}.hz-tour p{font-size:16px;line-height:1.65}.hz-tour-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.hz-tour-feature{background:#edf7f2;padding:20px;border-radius:15px;font-weight:750;margin:20px 0}
@media(max-width:800px){
 .invitation-designer>.modal-head{padding:8px 12px;min-height:56px}.invitation-designer>.modal-head p{display:none}.invitation-designer>.modal-head h2{font-size:17px}
 .invitation-designer>.invite-workshop-tabs button{white-space:nowrap;padding:8px;font-size:11px}
 .invitation-design-grid{grid-template-columns:1fr!important;overflow:auto!important;display:block!important}
 .invitation-design-grid.invite-artwork-mode{display:flex!important;flex-direction:column-reverse;overflow:hidden!important}
 .invite-artwork-mode>.invite-compact-tools{flex:0 0 35%;max-height:35%;overflow:hidden!important;border-top:1px solid #d8e5de}
 .invite-artwork-mode>.invitation-live{flex:1;height:auto;min-height:0;padding:6px!important;border:0}
 .invite-artwork-mode .invite-preview-heading{display:none}
 .invite-artwork-mode #invitationLivePreview .invite-canvas{width:min(100%,calc((100dvh - 340px)*.7142857));max-height:100%}
 .invitation-designer .rsvp-builder-footer{padding:6px 10px;min-height:48px}.invitation-designer .rsvp-builder-footer .invite-library-help{display:none}
 .invite-rsvp-mode .rsvp-builder-grid{grid-template-columns:1fr}
}
/* The embedded RSVP builder must not inherit the standalone fixed modal. */
#rsvpWizardHost>.rsvp-builder-overlay{position:static!important;inset:auto!important;background:transparent!important;display:block!important;padding:0!important;z-index:auto!important;height:auto!important}
#rsvpWizardHost .rsvp-builder{width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;display:block!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
#rsvpWizardHost .rsvp-builder>.modal-head,#rsvpWizardHost .rsvp-builder-tabs,#rsvpWizardHost .rsvp-builder-footer{display:none!important}
#rsvpWizardHost .rsvp-builder-content{max-height:none!important;height:auto!important;overflow:visible!important;padding:20px}
.invite-artwork-mode>.invitation-design-settings{padding:0;display:flex;flex-direction:column;overflow:hidden!important}
.invite-artwork-mode>.invitation-design-settings>.invitation-tip,.invite-artwork-mode>.invitation-design-settings>.invite-section-title,.invite-artwork-mode>.invitation-design-settings>.invite-preview-shortcut{display:none}
.invite-artwork-mode>.invitation-design-settings>.invite-mode-switch{margin:0;padding:6px;flex-shrink:0}
.invite-artwork-mode .invite-compact-tools{flex:1;min-height:0}
@media(max-width:800px){.invite-artwork-mode>.invitation-design-settings{flex:0 0 36%;max-height:36%}.invite-artwork-mode>.invitation-design-settings .invite-mode-switch button{padding:5px;font-size:10px}.invite-artwork-mode .compact-history{padding:3px 7px}.invite-artwork-mode .compact-history span{display:none}.invite-artwork-mode .compact-tool-tabs{padding:3px;gap:2px}.invite-artwork-mode .compact-tool-tabs button{padding:6px;font-size:11px;min-height:30px}.invite-artwork-mode .compact-tool-body{padding:7px}}
@supports(height:1cqh){
 .invite-artwork-mode #invitationLivePreview{container-type:size}
 .invite-artwork-mode #invitationLivePreview .invite-canvas{width:min(100cqw,calc(100cqh * .7142857));height:auto;max-height:none}
}
.invitation-designer .rsvp-builder-footer{padding-bottom:max(9px,env(safe-area-inset-bottom))}
.invite-library-column>.invitation-design-settings{padding:0 0 22px}