.mix-share{margin:38px 0;padding:30px 0;border:0;border-top:1px solid var(--line,#d5d9d7);border-radius:0;background:none;color:var(--ink,#29353d);scroll-margin-top:90px}
.mix-share[hidden],.mix-share [hidden]{display:none!important}
.mix-share h2{font-size:28px;letter-spacing:-.7px;margin:0 0 10px}
.mix-share-intro{margin:0 0 26px;color:var(--muted,#61717b);font-size:15px}
.mix-share-layout{display:flex;flex-direction:column;gap:22px}
.mix-share canvas{display:block;width:100%;height:auto;border:0;border-radius:0}
.mix-share-tools{width:100%}.mix-share-tools p{font-size:13px;margin:0 0 14px;overflow-wrap:anywhere;color:var(--muted,#61717b)}
.mix-share-actions{display:flex;gap:10px;flex-wrap:wrap}
.mix-share-actions button{min-height:46px;padding:12px 18px;border:1px solid var(--ink,#29353d);border-radius:4px;background:var(--ink,#29353d);color:var(--paper,#f7f6f2);font:inherit;font-size:14px;cursor:pointer}
.mix-share-actions button+button{background:transparent;color:var(--ink,#29353d)}
.mix-share button:disabled{opacity:.5;cursor:not-allowed}
.mix-share .mix-share-output{margin:14px 0 0;min-height:20px}
body.viewing-mix-share .mobile-mix{display:none!important}
.mix-share .mix-share-fine{margin-top:8px;font-size:12px}
.mix-share-actions button:focus-visible{outline:2px solid var(--blue-text,#345d86);outline-offset:4px}
@media(max-width:600px){.mix-share{margin:24px 0;padding:24px 0}.mix-share h2{font-size:24px}.mix-share-intro{font-size:14px}.mix-share-layout{gap:18px}.mix-share-actions button{flex:1}}