.shared-image-page { margin:0; background:var(--canvas); color:var(--ink); font:16px/1.5 var(--sans); min-height:100vh; display:flex; flex-direction:column; }
.shared-image-page * { box-sizing:border-box; }
.shared-image-page [hidden] { display:none!important; }
.shared-status { grid-column:1 / -1; width:min(650px,100%); margin:50px auto; }
.shared-status>p:not(.shared-eyebrow) { color:var(--muted); margin-bottom:30px; }
.shared-status button { border:0; }
.shared-conversion .shared-primary>span:first-child { font-size:inherit; line-height:inherit; }
.shared-image-page a { color:inherit; text-decoration:none; }
.shared-image-page button { font:inherit; cursor:pointer; }
.shared-header { width:min(1320px,calc(100% - 96px)); margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.shared-header { height:100px; flex-shrink:0; }
.shared-header>span { color:var(--muted); font-size:13px; }
.shared-image-page .shared-brand { display:inline-flex; align-items:center; flex-shrink:0; gap:15px; color:var(--purple); }
.shared-brand img { display:block; width:auto; height:32px; }
.shared-brand .wordmark { display:block; height:28px; transform:translateY(2px); aspect-ratio:212 / 53.7; background:currentColor; mask:url(/images/logos/wordmark.svg) center/contain no-repeat; -webkit-mask:url(/images/logos/wordmark.svg) center/contain no-repeat; }
.shared-spotlight { width:min(1260px,calc(100% - 96px)); margin:34px auto 68px; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:clamp(36px,5vw,80px); align-items:center; flex:1; }
.shared-artwork { margin:0; min-width:0; }
.shared-image-link { display:flex; align-items:center; justify-content:center; min-height:220px; background:#ede8df; border-radius:14px; overflow:hidden; }
.shared-image-link img { display:block; width:100%; height:auto; max-height:660px; object-fit:contain; }
.shared-artwork figcaption { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:14px; color:var(--muted); font-size:12px; }
.shared-artwork figcaption>span { min-width:0; }
.shared-prompt { margin-top:22px; padding-top:20px; border-top:1px solid var(--line); }
.shared-prompt h2 { margin:0 0 8px; font-size:13px; font-weight:600; }
.shared-prompt p { margin:0; font-size:14px; color:var(--muted); white-space:pre-wrap; overflow-wrap:anywhere; }
.shared-artwork figcaption button { display:flex; align-items:center; gap:7px; padding:8px 0 8px 12px; border:0; color:var(--ink); background:transparent; font-size:13px; flex-shrink:0; }
.shared-artwork svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.shared-eyebrow { font-size:10px; letter-spacing:2.1px; font-weight:600; color:var(--muted); margin:0 0 24px; }
.shared-image-page h1 { font:400 clamp(42px,4.2vw,62px)/1.04 var(--serif); letter-spacing:-1.8px; margin:0 0 24px; color:var(--purple); }
.shared-description { font-size:16px; line-height:1.7; color:var(--muted); margin:0 0 30px; max-width:390px; }
.shared-image-page .shared-primary { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:16px 22px; border-radius:7px; color:var(--on-action); background:var(--purple); font-weight:500; width:100%; max-width:370px; }
.shared-primary:hover { background:var(--action-hover); }
.shared-primary span { font-size:21px; line-height:1; }
.shared-image-page :focus-visible { outline:3px solid #93689e; outline-offset:5px; }
.shared-unavailable { width:min(650px,calc(100% - 40px)); margin:80px auto; flex:1; }
.shared-unavailable>p:not(.shared-eyebrow) { color:var(--muted); margin-bottom:30px; }
@media(max-width:800px) { .shared-header { width:calc(100% - 40px); height:80px; }.shared-spotlight { width:calc(100% - 40px); grid-template-columns:1fr; gap:34px; margin:12px auto 44px; }.shared-image-link img { max-height:65vh; }.shared-invitation { max-width:550px; width:100%; margin:auto; }.shared-eyebrow { margin-bottom:17px; }.shared-image-page h1 { font-size:46px; }.shared-description { max-width:none; }.shared-image-page .shared-primary { max-width:none; } }
@media(max-width:360px) { .shared-header>span { font-size:11px; }.shared-image-page h1 { font-size:40px; }.shared-style { display:none; } }

@media(max-width:800px) {
  .shared-image-page { padding-top:env(safe-area-inset-top,0px); padding-left:env(safe-area-inset-left,0px); padding-right:env(safe-area-inset-right,0px); }
  .shared-artwork figcaption button { min-width:70px; min-height:44px; justify-content:flex-end; }
}
/* One persistent action on phones; reserve its space below the page content. */
@media(max-width:600px) {
  .shared-image-page.has-shared-image { padding-bottom:calc(88px + env(safe-area-inset-bottom,0px)); }
  .shared-conversion { position:fixed; z-index:5; bottom:0; left:0; right:0; padding:12px max(20px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px)); border-top:1px solid var(--line); background:var(--canvas); }
  .shared-spotlight { gap:26px; }
  .shared-description { margin-bottom:0; }
}