[data-tool=sharing]{--share-radius: var(--radius-md);--share-control-radius: var(--radius-sm);--share-bubble-radius: 14px;--share-ease-out: var(--ease-out);--share-duration: var(--dur-2)}.sharing-workspace{min-width:0;color:var(--color-ink)}.sharing-grid{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(0,2fr);align-items:start;gap:var(--space-md)}.sharing-panel{min-width:0;padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--share-radius);background:var(--color-surface)}.sharing-panel h2{margin:0 0 var(--space-sm);font:650 var(--text-md) / 1.3 var(--font-sans);letter-spacing:-.02em}.sharing-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--color-field-rule);border-radius:var(--share-control-radius);background:var(--color-surface);color:var(--color-ink);font:550 var(--text-sm) / 1.2 var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-1) var(--share-ease-out)}.sharing-button:hover:not(:disabled){background:var(--color-paper-2)}.sharing-button:active:not(:disabled){transform:translateY(1px)}.sharing-button:disabled{opacity:.5;cursor:default}.sharing-primary{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface);font-weight:600}.sharing-primary:hover:not(:disabled){border-color:var(--color-ink-2);background:var(--color-ink-2)}.sharing-text-button{min-height:44px;padding:8px 2px;border:0;background:none;color:var(--color-control);font:550 var(--text-sm) / 1.3 var(--font-sans);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;cursor:pointer}.sharing-text-button:hover:not(:disabled){text-decoration-color:currentColor}.sharing-text-button:disabled{opacity:.5;cursor:default}.sharing-text-button.is-danger{color:var(--color-danger)}.sharing-icon-button{display:inline-grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:0;border-radius:var(--radius-xs);background:transparent;color:inherit;cursor:pointer}.sharing-icon-button:hover:not(:disabled){background:var(--color-paper-3)}.sharing-icon-button:disabled{opacity:.45;cursor:default}.sharing-workspace :is(button,a,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sharing-start{display:grid;justify-items:center;gap:var(--space-sm);text-align:center}.sharing-start p{max-width:32ch;margin:0;color:var(--color-muted);font-size:var(--text-sm);line-height:1.6}.sharing-start .sharing-primary{width:100%;min-height:48px}.sharing-device-mark{display:grid;place-items:center;width:76px;height:76px;border-radius:var(--radius-lg);background:var(--color-tint);color:var(--color-control)}.sharing-device-mark svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sharing-or{display:flex;align-items:center;gap:var(--space-xs);margin:var(--space-md) 0;color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.sharing-or:before,.sharing-or:after{content:"";flex:1;border-top:1px solid var(--color-rule)}.sharing-join label{display:block;font:600 var(--text-sm) / 1.4 var(--font-sans)}.sharing-join p{margin:2px 0 var(--space-xs);color:var(--color-muted);font-size:var(--text-xs);line-height:1.5}.sharing-join-row{display:flex;gap:var(--space-2xs)}.sharing-code-input{flex:1;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--color-field-rule);border-radius:var(--share-control-radius);background:var(--color-surface);color:var(--color-ink);font:600 1.25rem / 1 var(--font-mono);letter-spacing:.14em;text-align:center;text-transform:uppercase}.sharing-code-input::-moz-placeholder{color:var(--color-field-rule)}.sharing-code-input::placeholder{color:var(--color-field-rule)}.sharing-code-input:disabled{background:var(--color-paper)}.sharing-invite{display:grid;justify-items:center;gap:var(--space-xs);margin-block-end:var(--space-sm);padding:var(--space-md) var(--space-sm);border-radius:var(--share-control-radius);background:var(--color-console);color:var(--color-console-ink);text-align:center}.sharing-qr-tile{display:grid;place-items:center;width:min(100%,232px);aspect-ratio:1;border-radius:var(--radius-xs);background:var(--color-surface);overflow:hidden}.sharing-qr{display:block;width:100%;height:auto;image-rendering:pixelated}.sharing-qr-wait{margin:0;padding:var(--space-sm);color:var(--color-muted);font-size:var(--text-sm)}.sharing-invite-step{margin:0;color:var(--color-console-muted);font-size:var(--text-sm)}.sharing-code-block{display:grid;justify-items:center;gap:2px;width:100%;margin-block-start:var(--space-2xs);padding-block-start:var(--space-sm);border-top:1px solid var(--color-console-rule)}.sharing-code-label{color:var(--color-console-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.sharing-code-row{display:flex;align-items:center;gap:4px;padding-inline-start:44px}.sharing-code{color:var(--color-highlight);font:600 2rem / 1.15 var(--font-mono);letter-spacing:.12em}.sharing-invite .sharing-icon-button{color:var(--color-console-ink)}.sharing-invite .sharing-icon-button:hover:not(:disabled){background:var(--color-console-3)}.sharing-code-hint{max-width:34ch;margin:4px 0 0;color:var(--color-console-muted);font-size:var(--text-xs);line-height:1.55}.sharing-invite-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2xs);width:100%;padding-block-start:var(--space-2xs)}.sharing-on-console{flex:1 1 auto;border-color:var(--color-console-rule);background:var(--color-console-2);color:var(--color-console-ink)}.sharing-on-console:hover:not(:disabled){background:var(--color-console-3)}.sharing-invite :is(button,a):focus-visible{outline-color:var(--color-console-focus)}.sharing-joining{padding-block:var(--space-lg)}.sharing-spinner{width:28px;height:28px;border:3px solid var(--color-console-rule);border-top-color:var(--color-highlight);border-radius:50%;animation:sharing-spin .9s linear infinite}@keyframes sharing-spin{to{transform:rotate(1turn)}}.sharing-state{display:flex;align-items:center;gap:10px;margin:0 0 var(--space-sm);padding:10px 12px;border-radius:var(--share-control-radius);background:var(--color-paper-2);font:550 var(--text-sm) / 1.4 var(--font-sans);overflow-wrap:anywhere}.sharing-state>span[dir]{flex:1;min-width:0}.sharing-state-action,.sharing-confirm .sharing-text-button{min-height:32px;padding-block:4px;font-size:var(--text-xs)}.sharing-state-action:not(:hover){color:var(--color-muted)}.sharing-confirm{display:inline-flex;gap:10px}.sharing-dot{position:relative;flex-shrink:0;width:9px;height:9px;border-radius:50%;background:var(--color-field-rule)}.sharing-dot.is-paired{background:var(--color-live)}.sharing-dot.is-paired:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--color-live);animation:sharing-ping 1.2s var(--share-ease-out) 3}@keyframes sharing-ping{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.sharing-usage{margin-block-end:var(--space-sm)}.sharing-meter{height:4px;border-radius:var(--radius-pill);background:var(--color-paper-3);overflow:hidden}.sharing-meter span{display:block;height:100%;border-radius:inherit;background:var(--color-control);transition:inline-size var(--share-duration) var(--share-ease-out)}.sharing-meter.is-full span{background:var(--color-warning)}.sharing-usage p{margin:6px 0 0;color:var(--color-muted);font:400 var(--text-xs) / 1.4 var(--font-mono)}.sharing-session-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 var(--space-xs);padding-block-start:var(--space-2xs);border-top:1px solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm)}.sharing-timer b{color:var(--color-ink);font:600 var(--text-sm) / 1 var(--font-mono)}.sharing-session-end.is-ending .sharing-timer b{color:var(--color-warning)}.sharing-session-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-sm)}.sharing-session-actions .is-prompt{min-height:36px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--color-highlight);color:var(--color-on-highlight);text-decoration:none}.sharing-notify{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-block-start:var(--space-2xs);padding:6px 12px;border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);font:550 var(--text-xs) / 1.2 var(--font-sans);cursor:pointer}.sharing-notify:hover{background:var(--color-paper-2)}.sharing-notify.is-on{border-color:var(--color-highlight);background:var(--color-highlight);color:var(--color-on-highlight)}.sharing-fine{margin:var(--space-xs) 0 0;color:var(--color-muted);font-size:var(--text-xs);line-height:1.6}.sharing-privacy{padding:10px 12px;border-radius:var(--share-control-radius);background:var(--color-warning-soft);color:var(--color-warning)}.sharing-transfer{position:relative}.sharing-history-heading{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) 10px;padding-block-end:var(--space-sm);border-bottom:1px solid var(--color-rule)}.sharing-history-heading h2{margin:0}.sharing-count{padding:2px 9px;border-radius:var(--radius-pill);background:var(--color-paper-2);font:600 var(--text-xs) / 1.5 var(--font-mono)}.sharing-zip{margin-inline-start:auto}.sharing-empty{margin:var(--space-sm) 0 0;padding:var(--space-lg) var(--space-md);border-radius:var(--share-control-radius);background:var(--color-paper);color:var(--color-muted);font-size:var(--text-sm);line-height:1.6;text-align:center}.sharing-history{max-height:520px;padding:var(--space-sm) 4px;overflow-y:auto;overscroll-behavior:contain}.sharing-items{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm);margin:0;padding:0;list-style:none}.sharing-item{width:-moz-fit-content;width:fit-content;min-width:min(280px,100%);max-width:min(86%,560px);padding:12px 14px;border-radius:var(--share-bubble-radius);border-end-start-radius:4px;background:var(--color-paper-2)}.sharing-item.is-outgoing{margin-inline-start:auto;border-end-start-radius:var(--share-bubble-radius);border-end-end-radius:4px;background:var(--color-tint)}.sharing-item-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.sharing-item-identity{display:flex;align-items:center;gap:10px;min-width:0}.sharing-item-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--color-surface);color:var(--color-muted)}.is-outgoing .sharing-item-icon{color:var(--color-control)}.sharing-sender{display:block;font:600 var(--text-sm) / 1.35 var(--font-sans);overflow-wrap:anywhere}.sharing-kind{display:block;color:var(--color-muted);font-size:var(--text-xs);line-height:1.4}.sharing-kind time{font-family:var(--font-mono)}.sharing-compact{min-height:40px;padding:6px 12px;gap:6px;font-size:var(--text-xs)}.sharing-item .sharing-compact{background:var(--color-surface)}.sharing-preview{display:block;max-width:320px;margin-block-start:10px;border-radius:var(--share-control-radius);background:var(--color-paper-3);overflow:hidden}.sharing-preview img{display:block;width:100%;height:auto;max-height:260px;-o-object-fit:contain;object-fit:contain}.sharing-preview.is-loading{width:min(240px,100%);aspect-ratio:4 / 3;background:linear-gradient(100deg,var(--color-paper-3) 40%,var(--color-paper-2) 50%,var(--color-paper-3) 60%) 0 0 / 220% 100%;animation:sharing-shimmer 1.4s linear infinite}@keyframes sharing-shimmer{to{background-position:-220% 0}}.sharing-item-name{display:grid;gap:2px;margin:10px 0 0;padding:10px 12px;border-radius:var(--share-control-radius);background:var(--color-surface);font:600 var(--text-sm) / 1.45 var(--font-sans);overflow-wrap:anywhere}.sharing-item-meta{color:var(--color-muted);font:400 var(--text-xs) / 1.4 var(--font-mono)}.sharing-message-body{max-height:240px;margin:8px 0 0;overflow:auto;font-size:.95rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.sharing-item-footer{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-xs);margin-block-start:6px;color:var(--color-muted);font-size:var(--text-xs);line-height:1.5}.sharing-open-link{display:inline-flex;align-items:center;gap:5px;min-height:40px;color:var(--color-control);font-weight:550;text-decoration:underline;text-underline-offset:3px}.sharing-risky{display:flex;align-items:center;gap:6px;margin:8px 0 0;color:var(--color-warning);font-size:var(--text-xs);line-height:1.4}.sharing-share{display:inline-flex;align-items:center;gap:6px}.sharing-delivery.is-downloaded{color:var(--color-control);font-weight:600}.sharing-item-footer .sharing-text-button{min-height:40px;font-size:var(--text-xs)}.sharing-unsend-start{margin-inline-start:auto}.sharing-item-footer .sharing-unsend-start:not(:hover){color:var(--color-muted)}.sharing-unsend{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 10px;margin-inline-start:auto;color:var(--color-ink)}.sharing-composer{margin-block-start:var(--space-sm);padding-block-start:var(--space-sm);border-top:1px solid var(--color-rule)}.sharing-composer textarea{display:block;width:100%;min-height:96px;max-height:40vh;padding:12px 14px;border:1px solid var(--color-field-rule);border-radius:var(--share-control-radius);background:var(--color-surface);color:var(--color-ink);font:400 var(--text-base) / 1.55 var(--font-sans);resize:vertical}.sharing-composer textarea::-moz-placeholder{color:var(--color-muted)}.sharing-composer textarea::placeholder{color:var(--color-muted)}.sharing-composer textarea:disabled{background:var(--color-paper);cursor:not-allowed}.sharing-compose-note{margin:6px 0 0;color:var(--color-warning);font-size:var(--text-xs);line-height:1.5}.sharing-queue{display:grid;gap:6px;margin:var(--space-2xs) 0 0;padding:0;list-style:none}.sharing-queue li{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;padding:2px 2px 2px 12px;border-radius:var(--share-control-radius);background:var(--color-paper-2);color:var(--color-muted);overflow:hidden}.sharing-queue-name{flex:1;min-width:0;overflow:hidden;color:var(--color-ink);font:550 var(--text-sm) / 1.3 var(--font-sans);text-overflow:ellipsis;white-space:nowrap}.sharing-queue-size{font:400 var(--text-xs) / 1 var(--font-mono);white-space:nowrap}.sharing-queue progress{position:absolute;inset:auto 0 0;width:100%;height:3px;border:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sharing-queue progress::-webkit-progress-bar{background:transparent}.sharing-queue progress::-webkit-progress-value{background:var(--color-control)}.sharing-queue progress::-moz-progress-bar{background:var(--color-control)}.sharing-composer-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-xs);margin-block-start:var(--space-xs)}.sharing-compose-hint{flex:1;min-width:14ch;margin:0;color:var(--color-muted);font-size:var(--text-xs);line-height:1.4}.sharing-composer-bar .sharing-primary{min-width:128px}.sharing-drop{position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:2;display:grid;place-content:center;justify-items:center;gap:10px;border:2px dashed var(--color-control);border-radius:var(--share-control-radius);background:color-mix(in oklch,var(--color-tint) 94%,transparent);color:var(--color-control);font:600 var(--text-md) / 1.3 var(--font-sans);pointer-events:none}.sharing-alert,.sharing-notice{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0 0 var(--space-sm);padding:12px 16px;border-radius:var(--share-control-radius);font-size:var(--text-sm);line-height:1.5}.sharing-alert{border:1px solid var(--color-danger-rule);background:var(--color-danger-soft);color:var(--color-danger)}.sharing-notice{border:1px solid var(--color-live);background:var(--color-live-soft);color:var(--color-ink)}.sharing-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sharing-arrival-enter-active{transition:opacity var(--share-duration) var(--share-ease-out),transform var(--share-duration) var(--share-ease-out)}.sharing-arrival-enter-from{opacity:0;transform:translateY(6px)}.sharing-arrival-leave-active{transition:opacity var(--dur-1) var(--share-ease-out)}.sharing-arrival-leave-to{opacity:0}.sharing-guide{margin-block:var(--space-2xl) var(--space-lg);padding-block-start:var(--space-lg);border-top:1px solid var(--color-rule)}.sharing-guide h2,.sharing-help h2,.sharing-related h2{margin:0 0 var(--space-sm);font:650 clamp(1.5rem,1.2vw + 1.1rem,2rem) / 1.2 var(--font-sans);letter-spacing:-.03em}.sharing-guide h3{margin:var(--space-lg) 0 var(--space-sm);font:650 var(--text-lg) / 1.3 var(--font-sans);letter-spacing:-.02em}.sharing-guide-intro{max-width:72ch;color:var(--color-muted);line-height:1.7}.sharing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin:0;padding-inline-start:1.25em}.sharing-steps li::marker{color:var(--color-control);font-weight:700}.sharing-steps h4{margin:0 0 6px;font:600 var(--text-base) / 1.4 var(--font-sans)}.sharing-steps p,.sharing-examples dd{margin:0;color:var(--color-muted);font-size:.94rem;line-height:1.7}.sharing-flow{margin:var(--space-lg) 0;padding:var(--space-md);border-radius:var(--share-radius);background:var(--color-console);color:var(--color-console-ink)}.sharing-flow-nodes{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-sm)}.sharing-flow-nodes>div{display:grid;justify-items:center;gap:10px;font-size:.94rem;text-align:center}.sharing-flow svg{fill:none;stroke:currentColor;stroke-width:1.4}.sharing-flow-arrow{color:var(--color-highlight);font-size:1.75rem}.sharing-flow figcaption{max-width:70ch;margin:var(--space-md) auto 0;color:var(--color-console-muted);font-size:var(--text-sm);line-height:1.7;text-align:center}.sharing-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin:0}.sharing-examples dt{margin-block-end:6px;font-weight:600;line-height:1.5}.sharing-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin-block:var(--space-xl)}.sharing-facts section{padding-block-start:var(--space-sm);border-top:2px solid var(--color-ink)}.sharing-facts h2{margin:0 0 var(--space-xs);font:650 var(--text-md) / 1.35 var(--font-sans);letter-spacing:-.02em}.sharing-facts p,.sharing-compare>p,.sharing-compare dd{margin:0;color:var(--color-muted);font-size:.94rem;line-height:1.7}.sharing-uses,.sharing-compare{margin-block:var(--space-xl)}.sharing-uses h2,.sharing-compare h2{margin:0 0 var(--space-sm);font:650 clamp(1.5rem,1.2vw + 1.1rem,2rem) / 1.2 var(--font-sans);letter-spacing:-.03em}.sharing-compare>p{max-width:72ch}.sharing-compare dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md) var(--space-lg);margin:var(--space-md) 0 0}.sharing-compare dl>div{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-rule);border-radius:var(--share-control-radius);background:var(--color-surface)}.sharing-compare dt{margin-block-end:6px;font-weight:600;line-height:1.5}.sharing-help{max-width:900px;margin-block:var(--space-xl);padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--share-radius);background:var(--color-surface)}.sharing-help>p{color:var(--color-muted);line-height:1.7}.sharing-help details{padding:var(--space-sm) 0;border-top:1px solid var(--color-rule)}.sharing-help details:last-child{padding-block-end:0}.sharing-help summary{font-weight:600;line-height:1.5;cursor:pointer}.sharing-help details p{max-width:72ch;margin:var(--space-xs) 0 0;color:var(--color-muted);line-height:1.75}.sharing-related{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-lg);margin-block:var(--space-lg) var(--space-sm);padding-block-start:var(--space-md);border-top:1px solid var(--color-rule)}.sharing-related h2{flex-basis:100%;margin:0;font-size:var(--text-lg)}.sharing-related a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--color-control);line-height:1.6;text-decoration:underline;text-underline-offset:3px}.sharing-guide :focus-visible,.sharing-help :focus-visible,.sharing-related :focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (pointer: coarse){.sharing-compact,.sharing-item-footer .sharing-text-button,.sharing-open-link{min-height:44px}}@media (max-width: 900px){.sharing-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 760px){.sharing-facts,.sharing-compare dl,.sharing-steps,.sharing-examples{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.sharing-guide{margin-block-start:var(--space-xl)}.sharing-history{max-height:460px}.sharing-item{max-width:94%}}@media (max-width: 414px){.sharing-panel,.sharing-help{padding:var(--space-sm)}.sharing-item{min-width:0;max-width:100%}.sharing-code{font-size:1.75rem}.sharing-compose-hint{order:3;flex-basis:100%}.sharing-composer-bar .sharing-primary{flex:1}.sharing-flow-nodes{grid-template-columns:minmax(0,1fr)}.sharing-flow-arrow{transform:rotate(90deg)}}@media (prefers-reduced-motion: reduce){.sharing-button:active:not(:disabled){transform:none}.sharing-dot.is-paired:after,.sharing-preview.is-loading,.sharing-spinner{animation:none}.sharing-arrival-enter-active,.sharing-arrival-leave-active,.sharing-meter span,.sharing-button{transition:none}}