.trip-share-dialog{border:1px solid var(--brand-sand);background:var(--brand-foam);width:min(520px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--brand-fjord);border-radius:20px;padding:0}.trip-share-dialog[open]{flex-direction:column;display:flex}.trip-share-dialog::backdrop{background:#00000059}.trip-share-dialog header{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.trip-share-dialog h2{font:600 24px/1.2 var(--font-display);margin:0}.trip-share-content{min-height:0;padding:0 18px 16px;font-size:13px;overflow:auto}.trip-share-formats{gap:8px;margin-bottom:12px;display:flex}.trip-share-formats button{font-family:var(--font-sans);flex:1}.trip-share-formats [aria-pressed=true]{border-color:var(--brand-fjord);background:var(--brand-sea-glass)}.trip-share-preview{object-fit:contain;border-radius:10px;max-width:100%;height:32dvh;margin:auto;display:block}.trip-share-dialog footer{padding:12px 18px max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--brand-sand);flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px;display:grid}.trip-share-dialog footer .sailor-button{min-width:0;min-height:48px;padding:10px;font-size:12px}@media (max-width:560px){.trip-share-dialog{border-radius:20px 20px 0 0;width:100%;max-width:none;max-height:95dvh;margin:auto 0 0}}