/* Paper-toned personalization controls, matching the speaker interface. */
#ready-view #share-caption { white-space: pre-line; }
#preview-dialog #choose-preview { min-height:50px; padding:13px 24px; border-radius:3px; background:#1939a5; color:#fff; font-size:14px; font-weight:600; box-shadow:none; justify-content:center; }
#preview-dialog #choose-preview:hover { background:#102a85; box-shadow:none; }
#preview-dialog #choose-preview:focus-visible { outline:3px solid #1939a5; outline-offset:4px; }
body[data-postcard-role="attendee"] { background: #f8f6f0; }
body[data-postcard-role="attendee"] .brand-mark { width:43px; height:auto; }
body[data-postcard-role="attendee"] .header-ticket-notice { display:flex; align-items:center; justify-content:flex-end; gap:16px; padding:6px 7px 6px 14px; border:1px solid #e3e1d8; border-radius:8px; background:#f1f0e9; }
body[data-postcard-role="attendee"] .header-ticket-notice p { margin:0; color:#454b47; text-align:right; font-size:13px; font-weight:700; line-height:1.45; white-space:nowrap; }
body[data-postcard-role="attendee"] .ticket-link { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:6px 14px; border:1px solid #252b2f; border-radius:999px; background:#252b2f; color:#fff; line-height:1.2; text-decoration:none; white-space:nowrap; }
body[data-postcard-role="attendee"] .ticket-link:hover { background:#394247; border-color:#394247; }
body[data-postcard-role="attendee"] .ticket-label { display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
body[data-postcard-role="attendee"] .ticket-label span { color:#c5c7c8; font-size:9px; font-weight:400; }
body[data-postcard-role="attendee"] .ticket-label strong { font-size:12px; font-weight:600; }
body[data-postcard-role="attendee"] :is(.ticket-icon,.ticket-arrow) { width:15px; height:15px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
body[data-postcard-role="attendee"] .ticket-icon { color:#fbbc04; }
body[data-postcard-role="attendee"] .ticket-arrow { color:#c5c7c8; }
body[data-postcard-role="attendee"] .ticket-link:focus-visible { outline:3px solid #1939a5; outline-offset:4px; }
@media(max-width:760px) {
  body[data-postcard-role="attendee"] .site-header { height:auto; min-height:76px; padding-block:16px; flex-wrap:wrap; gap:14px; }
  body[data-postcard-role="attendee"] .header-ticket-notice { flex:1 1 100%; justify-content:space-between; gap:12px; }
  body[data-postcard-role="attendee"] .header-ticket-notice p { max-width:300px; text-align:left; font-size:12px; white-space:normal; }
  body[data-postcard-role="attendee"] .ticket-link { flex:none; padding-inline:12px; }
}
#ready-view .back-button { min-height:44px; color:#1939a5; font-size:14px; }
#ready-view .back-button:hover { color:#242a31; }
#ready-view .success-pill { border:1px solid #188038; border-radius:3px; background:#fffdf8; color:#188038; font-size:10px; }
#editor-heading .green-word { color:#188038; }
#ready-view .ready-heading > p, #ready-view .sharing-help { color:#60625f; }
#ready-view .ready-actions .button { min-height:50px; padding:13px 24px; border-radius:3px; font-size:14px; font-weight:600; text-align:center; box-shadow:none; }
#ready-view .ready-actions .primary { border-color:transparent; background:#1939a5; color:#fff; }
#ready-view .ready-actions .primary:hover { background:#102a85; }
#ready-view .ready-actions .secondary { border-color:#7b7d77; background:transparent; color:#242a31; }
#ready-view .ready-actions .secondary:hover { border-color:#242a31; background:#eeece5; }
#ready-view .caption-box { max-width:820px; align-items:flex-start; border:0; border-top:1px solid #d4d2c9; border-radius:0; background:transparent; margin-top:30px; padding:22px 0 0; }
#ready-view .caption-box > div { min-width:0; }
#ready-view .caption-box .panel-number { color:#60625f; font-size:10px; }
#ready-view .caption-box p { color:#60625f; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
#ready-view #copy-caption { min-height:44px; flex-shrink:0; gap:8px; color:#1939a5; font-size:14px; text-decoration:underline; text-underline-offset:4px; }
#ready-view :is(button,a):focus-visible { outline:3px solid #1939a5; outline-offset:4px; }
@media(max-width:760px) {
  #ready-view .caption-box { display:block; }
  #ready-view #copy-caption { margin-top:8px; }
  #ready-view .ready-actions { flex-direction:column; align-items:stretch; }
  #ready-view .ready-actions .button { width:100%; max-width:none; }
}
#name-form { color: #242a31; padding: 0; }
#name-form > .panel-number { color: #60625f; }
#name-form > label { display:block; margin: 27px 0 10px; font-size:14px; font-weight:600; }
#name-form #person-name { height:52px; border:1px solid #7b7d77; border-radius:3px; padding:12px 14px; background:#fffdf8; color:#242a31; font-size:16px; }
#name-form #person-name::placeholder { color:#60625f; opacity:1; }
#name-form #person-name[aria-invalid="true"] { border:2px solid #a22d27; }
#name-form .input-meta { justify-content:flex-end; margin-top:6px; font-size:12px; color:#60625f; }
#name-form .photo-field { margin-top:26px; }
#name-form .photo-label-row { gap:16px; align-items:baseline; margin-bottom:10px; }
#name-form .photo-label { font-size:14px; font-weight:600; }
#name-form .optional-label { font-size:12px; color:#60625f; }
#name-form .photo-picker { min-height:90px; padding:15px; gap:12px; border:1px dashed #7b7d77; border-radius:3px; background:#fffdf8; color:#242a31; }
#name-form .photo-picker:hover { border-style:solid; border-color:#1939a5; }
#name-form .photo-picker > .icon { width:24px; height:24px; color:#1939a5; }
#name-form .photo-picker > span:nth-child(2) { flex:1; min-width:0; }
#name-form .photo-picker strong { font-size:14px; font-weight:600; }
#name-form .photo-picker small { margin-top:5px; font-size:12px; line-height:1.5; color:#60625f; }
#name-form .photo-plus { font-size:24px; color:#60625f; }
#name-form .photo-added { gap:14px; padding:12px; border:1px solid #7b7d77; border-radius:3px; background:#fffdf8; }
#name-form .photo-added strong { font-size:14px; }
#name-form .photo-actions .text-button { min-height:44px; font-size:13px; }
#name-form .photo-status { color:#60625f; font-size:13px; }
#name-form .field-error { font-size:13px; color:#a22d27; }
#name-form .create-button { width:100%; min-height:50px; margin-top:28px; justify-content:center; border-radius:3px; background:#1939a5; color:#fff; font-size:14px; font-weight:600; box-shadow:none; }
#name-form .create-button:hover { background:#102a85; }
#name-form .privacy-note { display:block; margin-top:15px; font-size:12px; line-height:1.6; color:#60625f; }
#name-form :is(button, input):focus-visible { outline:3px solid #1939a5; outline-offset:4px; }
@media (forced-colors:active) { #name-form :is(.photo-picker,.create-button) { border:1px solid ButtonText; } }