.share-panel{width: min(440px,calc(100vw - 16px));max-width: none;max-height: calc(100vh - 16px);max-height: calc(100dvh - 16px);margin: auto;padding: 0;border: 0;border-radius: var(--r-lg);background: var(--c-surface);color: var(--c-ink);box-shadow: var(--sh-3);overflow: auto;overscroll-behavior: contain} .share-panel::backdrop{background: color-mix(in srgb,var(--c-ink) 55%,transparent)}.share-panel-body{padding: 8px 16px 16px;font-family: var(--font);font-size: 15px;line-height: 1.45}.share-panel-head{display: flex;align-items: center;justify-content: space-between;gap: 12px}.share-panel-title{margin: 0;font-size: 18px;font-weight: 600;line-height: 1.3}.share-panel-close{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 44px;height: 44px;margin-right: -10px;padding: 0;border: 0;border-radius: var(--r-sm);background: transparent;color: var(--c-ink-2);font: 400 28px/1 var(--font);cursor: pointer}.share-panel-close:hover{background: var(--c-surface-2);color: var(--c-ink)}.share-panel-preview{display: block;width: auto;max-width: 100%;height: min(40vh,300px);aspect-ratio: 4 / 5;margin: 4px auto 14px;border-radius: var(--r-sm);object-fit: contain;box-shadow: var(--sh-2)}.share-panel-actions{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,124px),1fr));gap: 8px}.share-panel-button{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;padding: 8px 12px;border: 1px solid var(--c-line-strong);border-radius: var(--r-md);background: var(--c-surface);color: var(--c-ink);font: inherit;font-weight: 600;text-align: center;text-decoration: none;overflow-wrap: anywhere;box-shadow: var(--sh-1);cursor: pointer}.share-panel-button:hover{border-color: var(--c-primary);color: var(--c-primary)}.share-panel-primary{border-color: var(--c-primary);background: var(--c-primary);color: var(--c-on-primary)}.share-panel-primary:hover{border-color: var(--c-primary-hover);background: var(--c-primary-hover);color: var(--c-on-primary)}.share-panel-button[hidden]{display: none}.share-panel-status{min-height: 1.45em;margin: 8px 0 0;color: var(--c-ink-2);font-size: var(--fs-sm);overflow-wrap: anywhere}.share-panel-links{display: flex;flex-wrap: wrap;gap: 0 4px;margin: 4px 0 0;padding: 0;list-style: none}.share-panel-link{display: inline-flex;align-items: center;min-height: 44px;padding: 0 8px;margin-left: -8px;margin-right: 8px;color: var(--c-primary);font-weight: 600}.share-panel-link:hover{color: var(--c-primary-hover)}.share-panel-hint{margin: 6px 0 0;color: var(--c-ink-2);font-size: var(--fs-sm);overflow-wrap: anywhere}.share-panel :is(a,button):focus-visible{outline: 3px solid var(--c-focus);outline-offset: 2px}@media (max-width: 360px){.share-panel-body{padding: 6px 12px 12px}.share-panel-preview{height: min(34vh,240px)}}@media (prefers-reduced-motion: no-preference){.share-panel[open]{animation: share-panel-in 160ms ease-out}@keyframes share-panel-in{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: none}}}