html.picker-helper-mode, html.picker-helper-mode body { min-height: 100%; background: #fffdf8; }
html.picker-helper-mode body { margin: 0; }
.picker-shell { min-height: 100vh; display: grid; place-items: center; padding: 28px; font-family: 'Google Sans', Arial, sans-serif; color: #161616; }
.picker-card { width: min(680px, 100%); background: #fff; border: 1px solid #e7e1d8; border-radius: 28px; padding: 34px; box-shadow: 0 18px 50px rgba(0,0,0,.10); }
.picker-brand { display: flex; gap: 18px; align-items: center; }
.picker-brand img { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; }
.picker-kicker { font-size: 14px; font-weight: 700; color: #666; letter-spacing: .02em; }
.picker-card h1 { margin: 5px 0 0; font-size: clamp(26px, 5vw, 38px); line-height: 1.05; }
.picker-copy { color: #555; font-size: 16px; line-height: 1.6; margin: 24px 0; }
.picker-status { padding: 14px 16px; border-radius: 14px; background: #f4f1ea; color: #393939; margin-bottom: 16px; }
.picker-status[data-type='error'] { background: #fff0ef; color: #8b1e18; }
.picker-status[data-type='success'] { background: #eef8ef; color: #245c2c; }
.picker-button { appearance: none; border: 0; border-radius: 999px; padding: 13px 20px; background: #151515; color: white; font: inherit; font-weight: 700; cursor: pointer; }
.picker-button:disabled { opacity: .45; cursor: default; }
.picker-note { margin: 18px 0 0; color: #777; font-size: 13px; line-height: 1.5; }
