.order-share-dialog{box-sizing:border-box;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 36px);margin:auto;padding:30px;border:0;border-radius:14px;background:#fff;color:#1d1d1b;box-shadow:0 20px 80px #0004;font:400 14px/1.5 Arial,sans-serif;overflow-y:auto}
.order-share-dialog::backdrop{background:#0009}
.order-share-size{display:block;margin:0 0 18px;font-size:13px;font-weight:600}
.order-share-size input{box-sizing:border-box;display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#1d1d1b;font:400 16px/1.4 Arial,sans-serif}
.order-share-size input:focus-visible{outline:2px solid #bf3034;outline-offset:2px}
.order-share-dialog [hidden]{display:none!important}
.order-share-close{position:absolute;right:16px;top:10px;display:grid;place-items:center;width:40px;height:40px;border:0;background:none;color:#1d1d1b;font:300 30px/1 Arial;cursor:pointer}
.order-share-eyebrow{margin:4px 32px 18px 0;color:#777;font-size:10px;font-weight:600;letter-spacing:1.5px}
.order-share-dialog h2{margin:0 25px 14px 0;font-size:27px;line-height:1.15;letter-spacing:-.7px}
.order-share-intro{margin:0 0 21px;color:#555;font-size:14px;line-height:1.5}
.order-share-intro strong{white-space:nowrap;color:#1d1d1b}
.order-share-photos{display:grid;gap:12px;margin-bottom:20px;max-height:240px;overflow-y:auto}
.order-share-photos article{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid #e5e5e5;border-radius:5px}
.order-share-photos img{flex:none;width:80px;height:80px;object-fit:contain;background:#f5f5f5;border-radius:3px}
.order-share-photos article>div{min-width:0}
.order-share-photos strong{display:block;font-size:13px;line-height:1.4;font-weight:600}
.order-share-photos span{display:block;margin-top:4px;color:#777;font-size:10px;overflow-wrap:anywhere}
.order-share-photos a{display:inline-block;margin-top:7px;padding:3px 0;color:#1d1d1b;font-size:12px;text-underline-offset:3px}
#order-share-status{margin:0 0 14px;font-size:12px;line-height:1.5;color:#666}
.order-share-primary,.order-share-secondary{box-sizing:border-box;display:block;width:100%;min-height:48px;padding:14px 12px;border:1px solid #1d1d1b;border-radius:5px;font:600 14px/1.4 Arial,sans-serif;text-align:center;cursor:pointer;text-decoration:none}
.order-share-primary{background:#1d1d1b;color:#fff;margin-bottom:10px}
.order-share-primary:disabled{opacity:.55;cursor:wait}
.order-share-secondary{background:#fff;color:#1d1d1b}
.order-share-message{margin-top:20px;border-top:1px solid #e5e5e5;padding-top:15px}
.order-share-message summary{cursor:pointer;font-size:13px;font-weight:600}
.order-share-message textarea{display:block;width:100%;box-sizing:border-box;padding:12px;margin:14px 0 8px;border:1px solid #ddd;border-radius:4px;resize:vertical;color:#333;background:#fafafa;font:400 13px/1.6 Arial,sans-serif;white-space:pre-wrap}
#copy-order-text{padding:9px 13px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#1d1d1b;font:500 12px/1.4 Arial,sans-serif;cursor:pointer}
.order-share-note{margin:18px 0 0;color:#777;font-size:11px;line-height:1.6}
.order-share-dialog button:focus-visible,.order-share-dialog a:focus-visible,.order-share-dialog textarea:focus-visible{outline:2px solid #1d1d1b;outline-offset:3px}
@media(max-width:480px){.order-share-dialog{padding:25px 20px;max-height:calc(100dvh - 24px)}.order-share-dialog h2{font-size:25px}.order-share-photos img{width:64px;height:64px}.order-share-photos article{gap:11px;padding:10px}.order-share-eyebrow{font-size:9px}.order-share-photos{max-height:210px}}