.hl-share-group{display: inline-flex;align-items: center;gap: 0;border: 1px solid var(--border-strong);border-radius: 999px;padding: 3px;}.hl-share{position: relative;}.hl-share:first-child::after{content: "";position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1px;height: 16px;background: var(--border-strong);}.hl-share:first-child .hl-share-btn{border-radius: 999px 0 0 999px;}.hl-share:last-child .hl-share-btn{border-radius: 0 999px 999px 0;}.hl-share-btn{display: inline-flex;align-items: center;gap: 8px;cursor: pointer;border: none;background: transparent;color: var(--text-muted);border-radius: 0;padding: 7px 9px;line-height: 0;transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;}.hl-share-btn svg{width: 16px;height: 16px;}.hl-share-btn:hover{background: var(--bg-raised);color: var(--primary);}.hl-share-btn:active{transform: scale(0.94);}.hl-share-btn:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px;}.hl-share-popover{position: absolute;top: calc(100% + 8px);right: 0;min-width: 250px;max-width: 280px;background: var(--bg-card);border: 1px solid var(--border-strong);border-radius: 10px;box-shadow: 0 12px 28px -10px rgba(0, 0, 0, 0.6);padding: var(--space-2);z-index: 5;display: flex;flex-direction: column;gap: 2px;}.hl-share-option{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;padding: 10px 12px;border-radius: 8px;border: none;background: none;color: var(--text);font-size: 13px;font-weight: 600;text-decoration: none;cursor: pointer;text-align: left;width: 100%;transition: background-color 0.15s ease, color 0.15s ease;}.hl-share-option-inner{display: inline-flex;align-items: center;flex-wrap: wrap;gap: 8px;}.hl-share-option:hover{background: var(--bg-raised);color: var(--primary);}.hl-share-option:focus-visible{outline: 2px solid var(--primary);outline-offset: -2px;}.hl-share-option svg{width: 16px;height: 16px;flex-shrink: 0;}.hl-share-hint{flex-basis: 100%;padding-left: 26px;color: var(--text-muted);font-weight: 500;white-space: normal;}@media (max-width: 560px){.hl-share-popover{position: fixed;top: 50%;left: 50%;right: auto;transform: translate(-50%, -50%);width: calc(100vw - 48px);max-width: 320px;max-height: calc(100vh - 48px);overflow-y: auto;z-index: 50;}}.hl-share-preview{display: flex;flex-direction: column;gap: var(--space-4);}.hl-share-preview-img-wrap{display: block;position: relative;width: 100%;aspect-ratio: 1200 / 630;border-radius: 10px;overflow: hidden;background: var(--bg-card);}@media (prefers-reduced-motion: no-preference){.hl-share-preview-img-wrap:has(img:not(.is-loaded))::before{content: "";position: absolute;inset: 0;background: linear-gradient(100deg, var(--bg-card) 30%, var(--bg-raised) 50%, var(--bg-card) 70%);background-size: 200% 100%;animation: hl-img-skeleton 1.4s ease-in-out infinite;}}@keyframes hl-img-skeleton{0%{background-position: 200% 0;}100%{background-position: -200% 0;}}.hl-share-preview-img{display: block;width: 100%;height: 100%;object-fit: cover;border: 1px solid var(--border);opacity: 0;transition: opacity 0.3s ease;}.hl-share-preview-img.is-loaded{opacity: 1;}.hl-share-preview-actions{display: flex;flex-wrap: wrap;gap: var(--space-2);}.hl-share-preview-actions .hl-btn{flex: 1 1 auto;justify-content: center;}.hl-qr-preview-img-wrap{display: block;position: relative;width: 100%;max-width: 320px;margin: 0 auto;aspect-ratio: 1 / 1;border-radius: 10px;overflow: hidden;background: #fff;}.hl-qr-preview-img{display: block;width: 100%;height: 100%;object-fit: contain;border: 1px solid var(--border);opacity: 0;transition: opacity 0.3s ease;}.hl-qr-preview-img.is-loaded{opacity: 1;}.hl-qr-preview-caption{margin: 0;text-align: center;color: var(--text-secondary);font-size: 0.9rem;}.hl-cardpicker{display: flex;flex-direction: column;gap: var(--space-4);}.hl-cardpicker-rail{display: flex;gap: var(--space-3);overflow-x: auto;overflow-y: hidden;scroll-snap-type: x proximity;padding: var(--space-2) var(--space-1) var(--space-3);margin: calc(var(--space-2) * -1) calc(var(--space-1) * -1) 0;scrollbar-width: thin;scrollbar-color: var(--border-strong) transparent;}.hl-cardpicker-rail::-webkit-scrollbar{height: 6px;}.hl-cardpicker-rail::-webkit-scrollbar-track{background: transparent;}.hl-cardpicker-rail::-webkit-scrollbar-thumb{background: var(--border-strong);border-radius: 999px;}.hl-cardpicker-rail::-webkit-scrollbar-thumb:hover{background: var(--primary);}.hl-cardpicker-card{flex: 0 0 auto;width: min(78vw, 300px);scroll-snap-align: start;display: flex;flex-direction: column;gap: var(--space-2);padding: var(--space-2);border: 1px solid var(--border);border-radius: 12px;background: var(--bg-raised);cursor: pointer;text-align: left;transition: border-color 0.15s ease, background-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;}.hl-cardpicker-card:hover{border-color: var(--border-strong);transform: translateY(-2px);box-shadow: 0 10px 24px -12px rgba(0, 0, 0, 0.55);}.hl-cardpicker-card:active{transform: translateY(-2px) scale(0.98);}.hl-cardpicker-card:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px;}.hl-cardpicker-card.is-selected{border-color: var(--primary);background: color-mix(in srgb, var(--primary) 10%, var(--bg-raised));}.hl-cardpicker-img-wrap{position: relative;display: block;width: 100%;aspect-ratio: 1200 / 630;border-radius: 8px;overflow: hidden;background: var(--bg-card);}.hl-cardpicker-img-wrap--portrait{aspect-ratio: 1080 / 1350;}@media (prefers-reduced-motion: no-preference){.hl-cardpicker-img-wrap:has(img:not(.is-loaded))::before{content: "";position: absolute;inset: 0;background: linear-gradient(100deg, var(--bg-card) 30%, var(--bg-raised) 50%, var(--bg-card) 70%);background-size: 200% 100%;animation: hl-img-skeleton 1.4s ease-in-out infinite;}}.hl-cardpicker-img-wrap img{display: block;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: opacity 0.3s ease;}.hl-cardpicker-img-wrap img.is-loaded{opacity: 1;}.hl-cardpicker-check{position: absolute;top: var(--space-2);right: var(--space-2);z-index: 4;display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;border-radius: 50%;background: var(--primary);color: var(--bg);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);}.hl-cardpicker-name{font-size: 13.5px;font-weight: 700;color: var(--text);}.hl-cardpicker-hint{font-size: 12px;color: var(--text-muted);}.hl-cardpicker-actions{display: flex;flex-wrap: wrap;gap: var(--space-2);}.hl-cardpicker-actions .hl-btn{flex: 1 1 auto;justify-content: center;}.hl-cardpicker-pages{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2);}.hl-cardpicker-page{min-width: 36px;height: 36px;padding: 0 var(--space-2);border: 1px solid var(--border);border-radius: 8px;background: var(--bg-raised);color: var(--text);font-weight: 700;cursor: pointer;}.hl-cardpicker-page.is-selected{border-color: var(--primary);background: var(--primary);color: var(--bg);}.hl-share-retry-hint{margin: var(--space-2) 0 0;font-size: 12.5px;color: var(--text-muted);text-align: center;}