/* Share page: find a stand, copy its link, QR code and embed code. */
body.sh { background: var(--wash); }
.sh__main { flex: 1; display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 16px; padding: 16px; align-items: start; max-width: 1280px; width: 100%; margin: 0 auto; }
.sh__find { position: sticky; top: 12px; max-height: calc(100vh - 24px); }
.sh__panel { background: #fff; border-radius: var(--radius); box-shadow: 0 2px 10px rgba(0, 20, 45, .12); overflow: hidden; min-width: 0; }
.sh__intro { padding: 28px 28px 32px; } .sh__intro h2 { margin: 0 0 8px; color: var(--navy); font-size: 22px; letter-spacing: -.01em; }
.sh__intro li { margin: 8px 0; color: #2b3b52; }
.sh__top { background: var(--navy); color: #fff; padding: 16px 22px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sh__top .pill { background: #fff; color: var(--navy); } .sh__top h2 { margin: 0; font-size: 19px; line-height: 1.2; flex: 1; min-width: 180px; }
.sh__card { padding: 20px 22px 22px; border-top: 1px solid var(--line); }
.sh__card h3 { margin: 0 0 4px; font-size: 16px; color: var(--navy); } .sh__card > p { margin: 0 0 12px; color: var(--muted); font-size: 13.5px; }
.sh__row { display: flex; gap: 8px; flex-wrap: wrap; align-items: stretch; }
.sh__field { flex: 1; min-width: 220px; border: 2px solid var(--line); border-radius: 12px; padding: 10px 12px; background: var(--wash); color: var(--ink); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13.5px; }
textarea.sh__field { display: block; width: 100%; min-height: 96px; resize: vertical; line-height: 1.45; }
.sh__field:focus { border-color: var(--blue); outline: 0; }
.sh__opts { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 0 0 10px; font-size: 13.5px; color: #2b3b52; }
.sh__opts select { border: 2px solid var(--line); border-radius: 10px; padding: 7px 10px; background: #fff; }
.sh__qr { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
.sh__qrbox { width: 168px; height: 168px; padding: 8px; background: #fff; border: 2px solid var(--line); border-radius: 12px; } .sh__qrbox svg { display: block; width: 100%; height: 100%; }
.sh__preview { margin-top: 14px; border-radius: 12px; overflow: hidden; background: #0a1626; aspect-ratio: 16 / 9; max-width: 880px; } .sh__preview iframe { width: 100%; height: 100%; border: 0; display: block; }
.sh__hint { margin: 10px 0 0; font-size: 12.5px; color: var(--muted); }
.sh__ok { color: var(--ok); font-weight: 700; font-size: 13px; align-self: center; }
@media (max-width: 900px) { .sh__main { grid-template-columns: 1fr; padding: 10px; } .sh__find { position: static; max-height: 360px; } }
.fp__list a.is-current { background: #e6eef9; }