.party-nav { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:30px; border-bottom:1px solid var(--line); padding-bottom:16px; }
.party-nav a { display:flex; align-items:center; min-height:46px; padding:10px 15px; font-size:14px; font-weight:600; border-radius:10px; background:var(--mint); }
.party-nav a:hover { background:var(--peach); }
.guest-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.guest-filters a { min-height:46px; padding:10px 15px; border:1px solid var(--line); border-radius:40px; font-size:14px; }
.guest-filters a[aria-current] { background:var(--brand); color:white; }
.guest-live-list { display:grid; gap:18px; }
.guest-live-card { padding:24px; }
.guest-live-heading { display:flex; align-items:center; gap:16px; }
.guest-live-heading > div { flex:1; min-width:0; }
.guest-live-heading h2 { font-size:23px; margin-bottom:10px; }
.host-note { margin-top:20px; padding:16px; border-radius:12px; background:var(--cream); }
.host-note strong { font-size:14px; }
.host-note p { margin-top:6px; }
.check-line { display:flex; gap:12px; align-items:flex-start; margin:24px 0; font-size:16px; }
.check-line input { width:24px; height:24px; min-height:24px; flex-shrink:0; accent-color:var(--brand); margin-top:2px; }
.button.destructive { background:#913c48; }
.theme-picker legend { font-size:24px; margin-bottom:24px; }
.theme-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.theme-option { display:block; position:relative; padding:12px 12px 18px; background:white; border:2px solid var(--line); border-radius:20px; cursor:pointer; }
.theme-option:has(input:checked) { border-color:var(--brand); box-shadow:0 0 0 3px #d5e6ce; }
.theme-option input { position:absolute; top:22px; left:22px; width:24px; min-height:24px; height:24px; accent-color:var(--brand); }
.theme-option img { width:100%; height:185px; object-fit:cover; border-radius:12px; }
.theme-option strong { display:block; font-size:20px; margin:14px 8px 4px; }
.theme-option span { display:block; font-size:14px; font-weight:400; margin:0 8px; color:var(--muted); }
.private-preview-bar { display:flex; gap:24px; align-items:center; justify-content:space-between; padding:22px 24px; border-radius:16px; background:var(--cream); margin-bottom:26px; }
.private-preview-bar strong { font-size:20px; }
.private-preview-bar p { font-size:14px; margin-top:5px; }
.invitation-scene { isolation:isolate; position:relative; border-radius:26px; overflow:hidden; padding:70px 80px; background:#f4efdf; }
.scene-background { position:absolute; z-index:-1; inset:0; width:100%; height:100%; object-fit:cover; }
.position-top .scene-background { object-position:top; } .position-bottom .scene-background { object-position:bottom; } .position-center .scene-background { object-position:center; }
.invitation-paper { max-width:740px; margin:auto; padding:48px; border-radius:100px 100px 24px 24px; background:#fffffff0; }
.overlay-soft .invitation-paper { background:#ffffffe8; } .overlay-solid .invitation-paper { background:#fff; }
.layout-center .invitation-paper { text-align:center; } .layout-card .invitation-paper { border-radius:24px; }
.text-forest { color:#183b38; } .text-plum { color:#573559; } .text-navy { color:#233c66; }
.invitation-paper h1,.invitation-paper h2 { color:inherit; }
.invitation-paper h1 { font-size:clamp(32px,4vw,54px); }
.invitation-paper h2 { font-size:23px; }
.accent-coral .invitation-paper .eyebrow { color:#984a37; } .accent-lilac .invitation-paper .eyebrow { color:#71427f; } .accent-gold .invitation-paper .eyebrow { color:#7b5925; }
.invitation-copy { margin:26px 0; white-space:normal; }
.invitation-facts { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:24px 0; border-block:1px solid var(--line); }
.invitation-facts h2 { margin-bottom:12px; }
.preview-response { margin-top:32px; padding-top:28px; border-top:1px solid var(--line); }
.preview-response > p { margin:16px 0; }
.preview-response label { display:block; text-align:left; margin:20px 0 8px; }
.preview-response .live-actions { margin-top:16px; justify-content:center; }
.preview-response select:disabled { opacity:1; color:var(--muted); background:var(--paper); }
@media(max-width:800px) { .theme-options { gap:14px; } .theme-option img { height:140px; } .invitation-scene { padding:45px 24px; } .invitation-paper { padding:36px 24px; } }
@media(max-width:640px) { .party-nav { gap:6px; } .party-nav a { padding:10px 12px; } .guest-live-heading { flex-wrap:wrap; } .guest-live-heading .text-link { flex-basis:100%; justify-content:flex-end; } .guest-live-card { padding:20px; } .theme-options { grid-template-columns:1fr; } .theme-option { display:grid; grid-template-columns:100px 1fr; column-gap:16px; padding:12px; } .theme-option img { width:100px; height:100px; grid-row:1/3; } .theme-option strong { align-self:end; margin:0 0 6px; } .theme-option span { margin:0; } .theme-option input { left:18px; top:18px; } .private-preview-bar { flex-direction:column; align-items:flex-start; } .invitation-scene { padding:28px 12px; margin-inline:-8px; border-radius:20px; } .invitation-paper { padding:34px 18px; border-radius:65px 65px 20px 20px; } .invitation-facts { grid-template-columns:1fr; } }