.rsvp-designer { min-width:0; }
.rsvp-designer-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,390px); gap:28px; align-items:start; }
.rsvp-design-controls { min-width:0; display:grid; gap:24px; }
.rsvp-design-group { border:0; padding:0; margin:0; display:grid; gap:14px; min-width:0; }
.rsvp-design-group legend { font-weight:800; padding:0 0 14px; font-size:15px; }
.rsvp-design-group .note { margin:0; font-size:13px; line-height:1.6; }
.rsvp-theme-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.rsvp-theme-choice { border:1px solid var(--line); border-radius:14px; background:var(--panel); color:var(--ink); text-align:left; padding:14px; display:grid; gap:7px; cursor:pointer; font:inherit; }
.rsvp-theme-choice[aria-pressed="true"] { outline:2px solid var(--ink); outline-offset:1px; }
.rsvp-theme-choice strong { font-size:14px; }
.rsvp-theme-choice>span:last-child { font-size:12px; line-height:1.4; color:var(--muted); }
.rsvp-theme-swatches { display:flex; padding-bottom:5px; }
.rsvp-theme-swatches i { width:26px; height:26px; border-radius:50%; border:1px solid #0002; margin-right:-4px; }
.rsvp-color-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.rsvp-color-control { display:grid; gap:8px; font-size:12px; font-weight:700; min-width:0; }
.rsvp-color-control input[type="color"] { width:100%; height:46px; min-height:46px; padding:4px; border:1px solid var(--line); border-radius:9px; background:var(--panel); cursor:pointer; }
.rsvp-color-control output { font-family:ui-monospace,monospace; font-size:12px; }
.rsvp-design-group input[type="file"] { max-width:100%; padding:10px; font-size:13px; }
.rsvp-photo-row { display:grid; grid-template-columns:100px minmax(0,1fr); gap:14px; align-items:start; }
.rsvp-photo-row img { width:100%; height:100px; object-fit:cover; border-radius:10px; }
.rsvp-preview-panel { position:sticky; top:20px; min-width:0; border:1px solid var(--line); border-radius:20px; overflow:hidden; background:var(--panel); }
.rsvp-preview-label { display:flex; flex-wrap:wrap; gap:4px 12px; justify-content:space-between; padding:14px 16px; font-size:12px; }
.rsvp-preview-label span { color:var(--muted); }
#rsvpDesignPreview { display:block; width:100%; height:690px; border:0; background:#edf2e8; }
.rsvp-design-status { min-height:24px; }
.rsvp-designer button:focus-visible { outline:3px solid var(--ink); outline-offset:4px; }
@media(max-width:1120px) { .rsvp-designer-layout { grid-template-columns:1fr; } .rsvp-preview-panel { position:static; width:min(390px,100%); margin:0 auto; } }
@media(max-width:440px) { .rsvp-photo-row { grid-template-columns:72px minmax(0,1fr); gap:10px; } .rsvp-photo-row img { height:72px; } .rsvp-theme-choice { padding:11px; } }