.share-dialog{box-sizing:border-box;width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #3c526f;border-radius:20px;background:#101a29;color:#e7effe;overflow:hidden;font-family:'DM Sans',Arial,sans-serif;box-shadow:0 30px 120px #0009;flex-direction:column}.share-dialog[open]{display:flex}.share-dialog::backdrop{background:#020711bd;backdrop-filter:blur(9px)}.share-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 28px 20px;flex-shrink:0}.share-eyebrow{display:block;font-size:9px;letter-spacing:.16em;color:#91afd8;font-weight:600;margin-bottom:8px}.share-top h2{font-size:26px;letter-spacing:-.045em;font-weight:600;margin:0 0 7px}.share-top p{color:#9eb1ce;font-size:12px;line-height:1.6;margin:0}.share-dialog button{font:600 12px 'DM Sans',Arial,sans-serif;cursor:pointer}.share-dialog #share-close{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border-radius:9px;background:#19273c;border:1px solid #354b69;color:#b9cfea;padding:0}.share-dialog #share-close:hover{color:#fff;background:#243952}.share-dialog #share-close svg{width:19px;height:19px}.share-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 28px;padding:16px 0;border-top:1px solid #293b53;flex-shrink:0}.share-option{display:flex;gap:11px;align-items:center;font-size:12px;margin:0;cursor:pointer;position:relative}.share-option input{position:absolute;left:0;top:0;opacity:0;width:38px;height:30px;margin:0;cursor:pointer}.share-option small{display:block;font-size:10px;color:#829bbd;margin-top:3px}.share-switch{display:block;position:relative;width:34px;height:19px;border-radius:12px;background:#35455e;border:1px solid #536883;transition:background .15s;flex:none}.share-switch:after{content:'';position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#dce7fa;transition:transform .15s}.share-option input:checked+.share-switch{background:#9abfff;border-color:#aacaff}.share-option input:checked+.share-switch:after{transform:translateX(15px);background:#173052}.share-option input:focus-visible+.share-switch{outline:2px solid #a3caff;outline-offset:4px}.share-format{font-size:9px;letter-spacing:.07em;color:#819bbd;white-space:nowrap}.share-preview{display:flex;justify-content:center;min-height:0;overflow:auto;background:#080f1c;padding:18px 28px;border-block:1px solid #26364d;flex:1}.share-dialog canvas{display:block;max-width:100%;width:auto;height:auto;max-height:57dvh;object-fit:contain;border-radius:12px;align-self:center;box-shadow:0 8px 30px #0004}.share-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 28px;flex-shrink:0}.share-actions>div{min-width:0}.share-privacy{display:flex;align-items:center;gap:7px;font-size:10px;color:#9ab1d0}.share-privacy svg{width:15px;height:15px;color:#9dbdeb;flex-shrink:0}#share-status{display:block;font-size:10px;color:#addacb;margin-top:5px}#share-status:empty{display:none}.share-dialog #share-download{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:11px 18px;border:1px solid #c1d8ff;border-radius:9px;background:linear-gradient(110deg,#c6deff,#94bfff);color:#0d203b;white-space:nowrap;box-shadow:0 3px 14px #79aaff19}.share-dialog #share-download:hover:not(:disabled){background:#cee2ff}.share-dialog #share-download svg{width:17px;height:17px}.share-dialog button:focus-visible{outline:2px solid #a2ccff;outline-offset:3px}.share-dialog button:disabled{opacity:.55;cursor:wait}@media(max-width:580px){.share-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:16px}.share-top{padding:20px 18px 17px}.share-top h2{font-size:23px}.share-top p{max-width:240px;font-size:11px}.share-toolbar{margin:0 18px;gap:9px}.share-format{font-size:8px}.share-preview{padding:14px 10px}.share-actions{padding:16px 18px;flex-wrap:wrap;gap:12px}.share-actions>div{flex:1;min-width:145px}.share-dialog #share-download{padding:10px 13px;font-size:11px}.share-privacy{font-size:9px}.share-dialog canvas{max-height:52dvh}}@media(prefers-reduced-motion:reduce){.share-switch,.share-switch:after{transition:none}}