
.visual-help{font-size:12px;color:var(--muted);line-height:1.7}.visual-add{display:inline-block;padding:12px 18px;border:1px solid #25463B40;border-radius:8px;cursor:pointer;color:#25463B;margin-bottom:18px;background:#f8f5ef}
.visual-editor-row{display:grid;grid-template-columns:120px 1fr;gap:18px;border-top:1px solid #25463B20;padding:20px 0}.visual-editor-row>img{width:120px;height:150px;object-fit:contain;background:repeating-conic-gradient(#f1eee8 0 25%,#fff 0 50%) 0/16px 16px;border-radius:6px}.visual-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.visual-caption,.visual-row-actions{grid-column:1/-1}.visual-row-actions{display:flex;gap:8px}.visual-row-actions button{background:transparent;border:1px solid #25463B30;padding:7px 12px;border-radius:6px;color:#25463B;cursor:pointer}.visual-row-actions button:disabled{opacity:.35;cursor:default}
.visual-slot{display:flex;flex-direction:column;align-items:center;gap:64px;padding-block:60px;overflow:clip}.visual-photo{width:min(var(--visual-width,70%),650px);margin-inline:auto}.visual-frame{margin:0;transform-origin:center;box-sizing:border-box}.visual-frame img{display:block;width:100%;height:auto;max-height:760px;object-fit:cover}.visual-frame[data-frame=arch]{border:7px solid var(--invite-bg,#f8f5ef);border-radius:50% 50% 4px 4px / 35% 35% 4px 4px;overflow:hidden;box-shadow:0 16px 40px #242b2720}.visual-frame[data-frame=oval]{border-radius:50%;overflow:hidden;border:6px solid var(--invite-bg,#f8f5ef);box-shadow:0 14px 36px #242b2720}.visual-frame[data-frame=oval] img{aspect-ratio:3/4}.visual-frame[data-frame=polaroid]{background:#fff;padding:12px 12px 42px;box-shadow:0 14px 30px #242b2725;transform:rotate(-2deg)}.visual-frame[data-frame=gold]{border:9px ridge #c9aa78;padding:6px;background:#e7d3ab;box-shadow:0 14px 32px #242b2730}.visual-photo-caption{text-align:center;font-family:var(--serif,serif);font-size:20px;margin:22px 0 0;color:inherit}
.invite-hero.has-visual-foreground{overflow:visible;isolation:isolate}.hero-visual-layer{position:absolute;width:var(--visual-width,70%);left:var(--visual-x,50%);top:var(--visual-y,75%);translate:calc(-1 * var(--visual-anchor-x,50%)) calc(-1 * var(--visual-anchor-y,50%));z-index:3;pointer-events:none}.hero-visual-layer img{object-fit:contain;max-height:85vh}.has-visual-foreground .hero-copy,.has-visual-foreground .scroll-note{position:relative;z-index:4}.has-visual-foreground .scroll-note{position:absolute}
@media(max-width:600px){.visual-editor-row{grid-template-columns:1fr}.visual-editor-row>img{width:100%;height:150px}.visual-controls{gap:10px}.visual-slot{gap:35px;padding-block:35px}.visual-photo{width:var(--visual-width,85%)}.visual-frame[data-frame=gold]{border-width:6px;padding:4px}}
@media(prefers-reduced-motion:reduce){.visual-frame{transform:none!important}}

.invitation[data-full-background]>.invite-section,.invitation[data-full-background]>.invite-countdown,.invitation[data-full-background]>.invite-footer{background-color:transparent}
.invitation .has-visual-background{max-width:none;padding-inline:max(24px,calc((100% - 1100px)/2))}
.invitation .invitation-paper.has-visual-background{max-width:900px;padding-inline:44px}
@media(max-width:600px){.invitation .has-visual-background{padding-inline:20px}.invitation .invitation-paper.has-visual-background{padding-inline:25px}}

.hero-background-surface{position:absolute;inset:0;z-index:0}.invite-hero[data-background-surface] #inviteCoverImage{visibility:hidden}

.invitation .has-visual-background{position:relative;isolation:isolate}
.background-motion-viewport{position:absolute;inset:0;overflow:clip;z-index:-2;pointer-events:none}.background-motion-fixed{position:fixed}.background-motion-surface{position:absolute;inset:0;transform-origin:center;will-change:transform}

.invite-hero[data-shared-background]{background:transparent}.invite-hero[data-shared-background]>#inviteCoverImage,.invite-hero[data-shared-background]>.hero-shade{visibility:hidden}

.has-section-sticker{position:relative;isolation:isolate;overflow:visible}
.section-sticker{position:absolute;width:var(--visual-width,30%);left:var(--visual-x,50%);top:var(--visual-y,50%);translate:calc(-1 * var(--visual-anchor-x,50%)) calc(-1 * var(--visual-anchor-y,50%));z-index:3;pointer-events:none}.section-sticker img{object-fit:contain;max-height:85vh}

.sticker-only-slot{min-height:300px}

.invitation{overflow-x:hidden}
.invite-hero[data-custom-background]>.hero-shade{display:none}

.sticker-library{margin:20px 0}.sticker-library>p{font-size:11px;letter-spacing:.08em;color:#596858}.sticker-library>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sticker-library button{min-width:0;display:grid;gap:8px;justify-items:center;padding:10px;border:1px solid #25463b25;border-radius:8px;background:#f8f5ef;color:#25463b;cursor:pointer}.sticker-library button img{width:100%;height:100px;object-fit:contain;background:repeating-conic-gradient(#e9e7e0 0 25%,#fff 0 50%) 0/16px 16px;border-radius:5px}.sticker-library button span{font-size:11px}.sticker-library button:disabled{opacity:.5;cursor:wait}@media(max-width:600px){.sticker-library>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
