/* Figma 335:1349 / 335:1348. Shared preview and exported image layout. */
#mobileShareOverlay{position:fixed;inset:0;z-index:400;display:flex;align-items:safe center;justify-content:center;padding:32px 24px;overflow:auto;background:rgba(0,0,0,.72);overscroll-behavior:contain}
#mobileShareOverlay[hidden]{display:none}
#mobileShareOverlay .mobile-share-dismiss{position:fixed;inset:0;width:100%;height:100%;border:0;background:transparent}
.share-card-dialog{position:relative;flex:none;width:400px;height:819px;max-width:100%;color:#fff}
#mobileShareOverlay .mobile-share-export{position:relative;display:flex;flex-direction:column;gap:0;width:400px;height:819px;max-width:100%;max-height:none;min-height:0;padding:30px 25px 29px;border:1px solid rgba(255,255,255,.3);border-radius:16px;background:#161616;color:#fff;overflow:hidden;box-shadow:none;font-family:var(--sans)}
#mobileShareOverlay .mobile-share-export>header{display:flex;justify-content:center;height:24px;margin:0 0 25px;letter-spacing:0;overflow:hidden}
.mobile-share-export>header img{width:106px;height:24px;object-fit:contain}
#mobileShareOverlay .mobile-share-matte{padding:0;background:transparent;width:350px;height:471px;border-radius:0;overflow:hidden}
#mobileShareOverlay .mobile-share-matte img{display:block;width:350px;height:471px;max-height:none;object-fit:cover;border-radius:0}
#mobileShareOverlay .mobile-share-info{display:flex;align-items:flex-start;gap:16px;width:350px;min-width:0;padding-top:13px}
#mobileShareOverlay .mobile-share-info>div:first-child{display:flex;flex-direction:column;gap:12px;min-width:0;flex:1}
#mobileShareOverlay .mobile-share-info h2{margin:0;font-size:26px;font-weight:600;line-height:32px;letter-spacing:-.5px;overflow-wrap:anywhere}
#mobileShareOverlay #shareCardArtist{margin:0;font-size:16px;font-weight:600;line-height:20px;color:rgba(255,255,255,.8);white-space:normal;overflow-wrap:anywhere}
.share-card-fields{display:flex;flex-direction:column;gap:12px;margin:0}
.share-card-fields>div{display:flex;flex-direction:column;gap:4px}
.share-card-fields dt{font-size:12px;font-weight:500;line-height:16px;letter-spacing:.2px;color:rgba(255,255,255,.4)}
.share-card-fields dd{margin:0;font-size:16px;font-weight:600;line-height:20px;overflow-wrap:anywhere}
#shareCardEstimate{color:var(--gold);font-size:26px;line-height:32px;letter-spacing:-.5px;min-height:64px}
#mobileShareOverlay .mobile-share-qr{display:flex;width:91px;flex:0 0 91px;flex-direction:column;align-items:flex-end;gap:8px}
#mobileShareOverlay .mobile-share-qr img{width:72px;height:72px;background:#fff}
#mobileShareOverlay .mobile-share-qr span{font-size:13px;line-height:20px;letter-spacing:-.2px;color:rgba(255,255,255,.4);white-space:nowrap;text-align:left}
.share-card-close{position:absolute;z-index:2;top:10px;right:10px;width:32px;height:32px;min-height:32px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(22,22,22,.82);color:#fff;font:400 24px/28px var(--sans);cursor:pointer}
.share-card-close:hover{background:rgba(255,255,255,.18)}
.share-card-close:focus-visible{outline:2px solid #ff9500;outline-offset:3px}
.share-card-status{margin:8px 0 0;font-size:13px;line-height:20px;color:#ddd}
.share-card-status:empty{display:none}
@media(max-width:767px){.share-card-dialog{width:327px;height:auto}#mobileShareOverlay .mobile-share-export{width:327px;height:auto;min-height:670px;padding:24px}.mobile-share-export>header{height:24px;margin-bottom:20px}.mobile-share-export>header img{width:91px;height:24px}#mobileShareOverlay .mobile-share-matte{width:279px;height:360px}#mobileShareOverlay .mobile-share-matte img{width:279px;height:360px}}