.wallet-preview-page{margin:0;background:#f2f2f7;font-family:system-ui,sans-serif;color:#171719;padding:24px}.wallet-preview-page main{max-width:390px;margin:auto}.wallet-preview-page h1{font-size:22px}.wallet-preview-launch{margin-top:24px;padding-top:20px;border-top:1px solid var(--border,#ddd)}.wallet-preview-launch h3{margin:0 0 8px}.wallet-preview-launch p{font-size:13px;color:var(--muted,#666)}.wallet-preview-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.wallet-preview-buttons a{flex:1;min-width:125px;text-align:center}.wallet-preview-dialog{border:0;border-radius:24px;padding:20px;width:min(430px,calc(100% - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;background:#f2f2f7;color:#171719}.wallet-preview-dialog::backdrop{background:#0008}.wallet-preview-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.wallet-preview-dialog h2{font-size:18px;margin:0}.wallet-preview-dialog header button{border:0;background:#e3e3e8;border-radius:50%;width:40px;height:40px;font-size:25px;cursor:pointer}.wallet-preview-card{box-sizing:border-box;width:100%;max-width:390px;margin:20px auto 0;background:var(--pass-bg);overflow:hidden;color:var(--pass-fg,#202124);text-align:left;box-shadow:0 8px 28px #0002;font-weight:400;line-height:1.25}.wallet-preview-card *{box-sizing:border-box}.wallet-preview-apple{border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}.wallet-preview-google{border-radius:28px;font-family:Roboto,'Arial',sans-serif}.wallet-pass-heading{padding:18px 16px;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:68px}.wallet-pass-brand{display:flex;align-items:center;gap:9px;min-width:0}.wallet-pass-brand strong{font-size:17px;overflow-wrap:anywhere}.wallet-pass-brand img{display:block;max-width:130px;max-height:42px;object-fit:contain}.wallet-preview-google .wallet-pass-brand img{width:36px;height:36px;border-radius:50%}.wallet-pass-header-fields{text-align:right;flex-shrink:0}.wallet-pass-header-fields span,.wallet-pass-fields span{display:block;font-size:10px;color:var(--pass-label,inherit);margin-bottom:4px}.wallet-pass-header-fields strong{display:block;font-size:20px;font-weight:400}.wallet-pass-strip,.wallet-pass-hero{display:block;width:100%;height:auto;margin:0}.wallet-pass-fields{display:flex;gap:16px;justify-content:space-between;padding:17px 16px}.wallet-pass-fields>div{flex:1;min-width:0}.wallet-pass-fields>div:last-child:not(:first-child){text-align:right}.wallet-pass-fields strong{display:block;font-size:17px;font-weight:400;overflow-wrap:anywhere}.wallet-preview-google .wallet-pass-fields span{font-size:12px}.wallet-google-title{padding:8px 20px 14px}.wallet-google-title span{display:block;font-size:13px;margin-bottom:5px}.wallet-google-title strong{display:block;font-size:28px;font-weight:400;overflow-wrap:anywhere}.wallet-pass-code{text-align:center;padding:30px 0 24px}.wallet-pass-code img{display:block;width:150px;height:150px;margin:auto;border-radius:5px}.wallet-pass-code small{display:block;font-size:10px;letter-spacing:.08em;margin-top:8px}.wallet-preview-google .wallet-pass-code{background:#fff;margin:8px 16px 16px;border-radius:18px;padding:20px}.wallet-preview-caption{text-align:center;font-size:12px;color:#666;margin:16px 0 0}.wallet-preview-error{font-size:14px;padding:24px;text-align:center}

.wallet-preview-google .wallet-pass-code{color:#202124}

.wallet-preview-buttons a[aria-current="true"]{background:var(--accent,#6950e8);color:#fff;border-color:transparent}[data-wallet-preview-content]{margin:24px auto 0;max-width:390px;min-height:180px}[data-wallet-preview-status]{text-align:center;font-size:12px;color:var(--muted,#666)}

/* Android reference: centered identity, balance, barcode, summary, then image. */
.wallet-preview-google { display: flex; flex-direction: column; color: #fff; background: linear-gradient(180deg, transparent 35%, #0003), var(--pass-bg); }
.wallet-preview-google .wallet-pass-heading { order: 0; justify-content: center; padding: 28px 20px 12px; }
.wallet-preview-google .wallet-pass-brand { flex-direction: column; gap: 14px; text-align: center; }
.wallet-preview-google .wallet-pass-brand img { width: 76px; height: 76px; max-height: 76px; }
.wallet-preview-google .wallet-pass-brand strong { font-size: 15px; font-weight: 500; }
.wallet-preview-google .wallet-google-title { order: 1; display: flex; flex-direction: column; text-align: center; padding: 4px 20px 14px; gap: 12px; }
.wallet-preview-google .wallet-google-title strong { order: -1; font-size: 34px; font-weight: 700; }
.wallet-preview-google .wallet-google-title span { font-size: 15px; }
.wallet-preview-google .wallet-pass-code { order: 2; align-self: center; margin: 0 0 22px; padding: 14px; border-radius: 20px; background: #fff; }
.wallet-preview-google .wallet-pass-code img { width: 154px; height: 154px; }
.wallet-preview-google .wallet-pass-code small { font-size: 9px; }
.wallet-preview-google .wallet-pass-fields { order: 3; padding: 12px 20px; }
.wallet-preview-google .wallet-pass-fields strong { font-size: 15px; font-weight: 500; }
.wallet-preview-google .wallet-pass-hero { order: 4; margin-top: 20px; }

.wallet-preview-launch { margin-top: 12px; padding-top: 12px; }
[data-wallet-preview-content] { margin-top: 12px; }
[data-wallet-preview-content] .wallet-preview-card { margin-top: 0; }