#share-dialog{width:min(1100px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:24px;border:0;border-radius:18px;background:#fff;color:#181a20;color-scheme:light;overflow:auto}
#share-dialog::backdrop{background:rgba(0,0,0,.66);backdrop-filter:blur(5px)}
.share-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.share-heading small{color:#9d7b22;font-size:9px;letter-spacing:2px}.share-heading h2{font-size:21px;margin:7px 0 0;font-weight:600}.share-heading>button{width:31px;height:31px;border-radius:50%;background:#f3f4f5;color:#737d8a;font-size:22px}
.share-content{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(250px,1fr);gap:25px;align-items:start}.share-preview{border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #e9ecef;line-height:0}.share-preview canvas{width:100%;height:auto;display:block}
.share-settings{min-width:0;padding-top:3px}.share-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:23px}#share-dialog label{display:block;font-size:11px;color:#6e7885;margin:0 0 8px}#share-dialog select{display:block;color:#181a20;background:#f5f5f5;border:1px solid #e2e5e9;border-radius:6px;height:38px;padding:0 10px;margin-top:8px;width:100%;font-size:12px}#share-dialog textarea{width:100%;padding:11px;border:1px solid #e2e5e9;border-radius:6px;background:#fafafa;color:#181a20;font-size:11px;line-height:1.7;resize:vertical;overflow-wrap:anywhere}
.share-link-actions{display:flex;justify-content:space-between;gap:8px;margin:11px 0}.share-link-actions button,.share-link-actions a{font-size:10px;color:#8e6d13;background:none;text-decoration:none}.share-link-actions [aria-disabled=true]{color:#aaa;pointer-events:none}
#share-status,#share-error{font-size:11px;line-height:1.7;margin:15px 0 20px;color:#737d8a}#share-error{color:#e3445a}#share-save{height:42px;justify-content:center;font-size:12px;border-radius:6px}.share-copy{width:100%;height:38px;border-radius:6px;background:#f3f4f5;color:#181a20;font-size:12px;margin-top:9px}.share-help{font-size:10px;line-height:1.8;color:#8b94a0;margin-top:17px}
@media(max-width:900px){#share-dialog{padding:19px;width:calc(100vw - 24px)}.share-content{grid-template-columns:1fr;gap:23px}.share-preview{width:100%;max-width:none;margin:auto}.share-options{margin-bottom:16px}}

#share-dialog[data-layout="portrait"]{width:min(830px,calc(100vw - 28px))}#share-dialog[data-layout="portrait"] .share-content{grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr)}#share-dialog[data-layout="portrait"] .share-preview{max-width:430px;margin:auto}.share-options input{height:38px;border:1px solid #e2e5e9;border-radius:6px;background:#f5f5f5;padding:0 9px;width:100%;font-size:12px;margin-top:8px;color:#181a20}@media(max-width:700px){#share-dialog[data-layout="portrait"] .share-content{grid-template-columns:1fr}#share-dialog[data-layout="portrait"] .share-preview{max-width:350px}}

#share-dialog.d-share-sheet{position:fixed;inset:auto;margin:0;padding:0;max-width:none;max-height:none;border-radius:16px 16px 0 0;overflow:hidden;background:white;color:#08090a;box-shadow:none;font-family:system-ui,'PingFang SC',sans-serif}
#share-dialog.d-share-sheet::backdrop{background:transparent;backdrop-filter:none}.d-share-shade{position:absolute;inset:0;background:rgba(0,0,0,.6);z-index:11;pointer-events:none}
.d-share-handle{display:block!important;position:absolute;top:6px;left:calc(50% - 20px);width:40px!important;height:4px!important;border:0;border-radius:4px!important;padding:0;background:#ddd!important;z-index:1}
.d-share-scroll{height:100%;overflow-y:auto;scrollbar-width:none;padding-top:26px;padding-bottom:40px}
#share-dialog.d-share-sheet .share-preview{width:calc(100% - 66px);max-width:none;margin:0 33px;border:1px solid #666;border-radius:8px;box-shadow:none;line-height:0}
#share-dialog.d-share-sheet .share-preview canvas{width:100%;height:auto;display:block}
.d-share-dots{display:flex;justify-content:center;gap:5px;margin-top:10px;height:7px;align-items:flex-start}.d-share-dots>button{height:3px;width:8px;background:#ddd;padding:0;border:0}.d-share-dots>.active{background:#282d36}
.d-share-metrics{border:0;display:flex;padding:0;margin:8px 20px 0;gap:15px;min-width:0;align-items:center}.d-share-metrics>legend{display:block;font-size:14px;color:#868686;padding:0;margin-bottom:9px}
#share-dialog .d-share-metrics>label{color:#08090a;margin:0;display:flex;align-items:center;gap:7px;font-size:14px;position:relative;white-space:nowrap;line-height:18px}
.d-share-metrics input{position:absolute;inset:0;opacity:0;cursor:pointer}.d-share-metrics i{height:15px;width:15px;border:1px solid #aaa;border-radius:50%;flex-shrink:0}.d-share-metrics input:checked+i{border:5px solid #08090a}.d-share-metrics input:focus-visible+i{outline:2px solid #f0b90b;outline-offset:2px}
.d-share-actions{display:flex;gap:22px;overflow:auto;scrollbar-width:none;padding:0 24px;margin-top:34px}.d-share-actions>button{flex:0 0 48px;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;padding:0;color:#08090a;font-family:inherit;font-size:12px;white-space:nowrap}
.d-share-actions i{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ececec;border-radius:16px}.d-share-actions .m-icon{width:24px;height:24px;stroke-width:1.9}
#share-dialog.d-share-sheet #share-save,#share-dialog.d-share-sheet #share-copy{height:auto;margin:0;border-radius:0;font-size:12px;background:none;width:48px}
#share-dialog.d-share-sheet #share-error{margin:12px 20px}
@media(max-width:374px){#share-dialog .d-share-metrics>label{font-size:12px}.d-share-metrics{gap:10px}.d-share-actions{margin-top:24px}}

#share-dialog.d-share-sheet .share-preview{border:0;box-shadow:inset 0 0 0 1px #666;height:auto;aspect-ratio:327 / 448}
.d-share-metrics{margin-top:8px}.d-share-actions{margin-top:30px}
.d-share-actions>button{line-height:17px;gap:5px}

.d-order-share .d-share-metrics{display:none}.d-order-share .d-share-actions{margin-top:30px}

.d-share-metrics>legend{margin-bottom:7px}.d-share-actions{margin-top:32px}.d-share-actions .m-icon{transform:translateY(-1px)}
/* Long-press save view for phones whose browser cannot hand a file to the share sheet. */
.share-longpress{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px))}
.share-longpress img{max-width:100%;max-height:72vh;border-radius:12px;-webkit-touch-callout:default;user-select:auto}
.share-longpress p{color:#fff;font-size:15px;margin:0;text-align:center}
.share-longpress button{min-width:140px;height:42px;border:0;border-radius:21px;background:#fcd535;color:#1e2329;font-size:15px;font-weight:600}