.shared-page{max-width:760px;margin:0 auto;padding:32px 20px calc(40px + env(safe-area-inset-bottom));overflow-wrap:anywhere}.shared-page h1{margin:16px 0}.shared-page .sub{line-height:1.7}.shared-card{margin:24px 0;padding:20px;border:1px solid var(--line,#ddd);border-radius:16px}.shared-preview{display:block;max-width:100%;max-height:65vh;margin:0 auto 20px;object-fit:contain;border-radius:6px}.shared-controls{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:16px;margin:20px 0}.shared-controls label{display:grid;gap:8px}.shared-controls select,.shared-controls input{width:100%;min-width:0;min-height:48px;font:inherit;padding:10px;border:1px solid #bbb;border-radius:8px;background:white;color:#222}.shared-page .btn{min-height:48px;white-space:normal}.shared-action{width:100%;margin-top:18px}.shared-total{display:flex;justify-content:space-between;gap:12px}.shared-manage{display:flex;gap:16px;align-items:center;justify-content:space-between}.shared-manage p{margin:6px 0}.shared-manage button{flex-shrink:0}@media(max-width:360px){.shared-page{padding-left:14px;padding-right:14px}.shared-card{padding:14px}.shared-manage{align-items:flex-start;flex-direction:column}}
.shared-manage{flex-wrap:wrap}.shared-manage-title{flex:1;min-width:0}.shared-manage-actions{display:flex;flex-wrap:wrap;gap:8px}.shared-result-slot{width:100%;min-width:0}.shared-result-slot:empty{display:none}@media(max-width:360px){.shared-manage-title,.shared-manage-actions{width:100%}.shared-manage-actions .btn{flex:1}}
.shared-manage-actions{gap:12px}
@media(max-width:599px){.shared-manage-title,.shared-manage-actions{width:100%;flex-basis:100%}.shared-manage-actions .btn{flex:1}}
.shared-card{background:var(--c-surface,#fff);border-color:var(--c-border,#dedede);border-radius:12px}
.shared-controls select,.shared-controls input{color:var(--c-text,#2b0514);border-color:var(--c-border,#dedede);border-radius:4px}
.shared-frame-control{grid-column:1/-1}
.shared-choice-intro{padding:12px 16px;border-radius:8px;background:var(--c-surface-alt,#faf6f8);line-height:1.7}
.shared-proof{display:flex;justify-content:center;margin-bottom:20px}
#shared-proof-frame{display:inline-flex;max-width:100%;border:0 solid transparent;box-sizing:border-box}
#shared-proof-frame.has-frame{border-width:14px;box-shadow:0 3px 12px #2b051422}
#shared-proof-frame .shared-preview{margin:0;min-width:0;border-radius:0}
.shared-total strong{color:var(--c-btn-point-bg,#e51566)}

/* Shared recipient and management navigation uses the site's secondary buttons. */
.shared-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--c-border,#e7e3e3)}
.shared-links .btn{width:100%;min-width:0;min-height:48px;padding:12px 16px;font-size:14px;line-height:1.5;text-align:center;word-break:keep-all;text-decoration:none}
.shared-links .btn:hover{background:var(--c-surface-point,#fff1f5);border-color:var(--c-btn-point-bg,#e51566);filter:none}
.shared-links .btn:focus-visible{outline:3px solid var(--c-btn-point-bg,#e51566);outline-offset:3px}
@media(max-width:599px){.shared-links{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:20px}}