.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: 10px;background: var(--paper,#fffef8);color: var(--ink,#173f34);box-shadow: 0 18px 60px rgb(16 36 26 / 35%);overflow: auto;overscroll-behavior: contain}.share-panel::backdrop{background: rgb(16 36 26 / 55%)}.share-panel-body{padding: 8px 16px 16px;font-family: var(--font,"IBM Plex Sans",sans-serif);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: 6px;background: transparent;color: var(--muted,#536158);font: 400 28px/1 var(--font,"IBM Plex Sans",sans-serif);cursor: pointer}.share-panel-close:hover{background: var(--bg-2,#efeee3);color: var(--ink,#173f34)}.share-panel-preview{display: block;width: auto;max-width: 100%;height: min(40vh,300px);aspect-ratio: 4 / 5;margin: 4px auto 14px;border-radius: 4px;object-fit: contain;box-shadow: 0 4px 18px rgb(23 63 52 / 18%)}.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(--control-line,#83917d);border-radius: 3px;background: var(--paper,#fffef8);color: var(--ink,#173f34);font: inherit;font-weight: 600;text-align: center;text-decoration: none;overflow-wrap: anywhere;box-shadow: 0 2px 0 rgb(38 65 37 / 7%);cursor: pointer}.share-panel-button:hover{border-color: var(--accent,#316b2a);color: var(--ink,#173f34)}.share-panel-primary{border-color: var(--seal,#397529);background: var(--seal,#397529);color: var(--on-seal,#ffffff)}.share-panel-primary:hover{border-color: var(--seal-hover,#2b6020);background: var(--seal-hover,#2b6020);color: var(--on-seal,#ffffff)}.share-panel-button[hidden]{display: none}.share-panel-status{min-height: 1.45em;margin: 8px 0 0;color: var(--muted,#536158);font-size: 14px;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(--accent,#316b2a);font-weight: 600}.share-panel-link:hover{color: var(--accent-hover,#204e1c)}.share-panel-hint{margin: 6px 0 0;color: var(--muted,#536158);font-size: 13px;overflow-wrap: anywhere}.share-panel :is(a,button):focus-visible{outline: 2px solid var(--accent,#316b2a);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}}}