body.editor-body{--ink:#42382c;--muted:#756958;--green:#715936;--line:#e5dac5;--rose:#a77759;background:#fffbf3;color:var(--ink);font-family:Manrope,Arial,sans-serif}
.editor-body .editor-top{height:84px;padding:12px 4%;background:#fffbf3;border-color:var(--line);color:var(--ink)}
.editor-body .editor-top>a{font-size:16px;color:var(--ink)}
.editor-body .editor-top .brand{gap:10px;font:500 32px/1 Manrope,Arial,sans-serif;letter-spacing:-1.4px}
.editor-body .editor-top .brand-bow{width:52px;height:52px;object-fit:contain;mix-blend-mode:multiply}
.editor-body .editor-shell,.editor-body .editor-preview{background:#f4eedf}
.editor-body .editor-form{background:#fffbf3}
.editor-body .eyebrow{color:#786039;background:none;padding-left:0;font-weight:500;letter-spacing:.035em}
.editor-body .editor-form__intro h1{font:400 32px/1.35 Prata,Georgia,serif;color:#42382c;overflow-wrap:anywhere}
.editor-body .editor-step{background:#fffdf8;border-color:#e5dac5;box-shadow:0 8px 28px #71593605}
.editor-body .editor-step h2,.editor-body .editor-photos h2{font:400 23px/1.4 Prata,Georgia,serif;color:#514126}
.editor-body .editor-step>header>span,.editor-body .editor-step-nav span{color:#715936;background:#efe1b8}
.editor-body .editor-step-nav{background:#fffdf8;border-color:#e5dac5;box-shadow:0 8px 24px #71593608}
.editor-body .editor-step-nav a{color:#756958;font-weight:600}
.editor-body .editor-step-nav a:hover,.editor-body .editor-step-nav a:focus-visible{background:#f4ecd9;color:#715936}
.editor-body .editor-field{font-weight:600;color:#514126}
.editor-body .editor-field input,.editor-body .editor-field select,.editor-body .editor-field textarea{background:#fffefa;border-color:#ded1b8;color:#42382c;font-weight:400}
.editor-body .editor-field input:focus,.editor-body .editor-field select:focus,.editor-body .editor-field textarea:focus{border-color:#a28a5c;box-shadow:0 0 0 3px #a28a5c20}
.editor-body input[type=radio],.editor-body input[type=checkbox]{accent-color:#715936}
.editor-body .editor-actions{background:#fffbf3f5;border-color:#e5dac5;box-shadow:0 -8px 24px #71593608}
.editor-body .editor-actions .btn{border-color:#ded1b8;background:#fffdf8;color:#715936}
.editor-body .editor-actions .btn:last-child{background:#715936;color:#fffaf0;border-color:#715936}
.editor-body .editor-save-status{background:#f5f0e2;border-color:#e0d5bd;color:#715936}
.editor-body .editor-save-status i{background:#a28a5c;color:#fffdf8}
.editor-body .editor-preview{height:calc(100dvh - 84px);align-items:center}
.editor-body .editor-preview>nav{border-color:#ded1b8;background:#fffbf3}
.editor-body .editor-preview>nav button{color:#756958;font-size:16px;background:transparent}
.editor-body .editor-preview>nav button.is-active{color:#715936;background:#eee3cb}
.editor-body .preview-frame{border-color:#655640;box-shadow:0 22px 60px #7159361c}
.editor-body :is(a,button):focus-visible{outline:3px solid #a28a5c;outline-offset:3px}
@media(max-width:760px){.editor-body .editor-top{height:76px;padding-inline:14px}.editor-body .editor-top .brand{font-size:25px;gap:5px}.editor-body .editor-top .brand-bow{width:38px;height:38px}.editor-body .editor-top>a{font-size:14px}.editor-body .editor-preview{height:auto}.editor-body .editor-step h2{font-size:21px}}
.editor-body .editor-top .brand>span{font:inherit!important;color:#42382c;letter-spacing:inherit}
.dress-picker__selected{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dress-picker__selected i{width:30px;height:30px;border-radius:50%;border:1px solid #42382c30}.dress-picker__dialog{width:min(540px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:28px;border:1px solid #e4dac7;border-radius:22px;background:#fffbf3;color:#42382c;box-shadow:0 24px 80px #42382c30}.dress-picker__dialog::backdrop{background:#30291f66}.dress-picker__heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dress-picker__heading h2{font:26px Prata,Georgia,serif}.dress-picker__heading button{border:0;background:none;font-size:28px;min-width:44px;min-height:44px}.dress-picker__dialog p{font-size:16px;line-height:1.6;color:#756958}.dress-picker__dialog h3{font-size:17px;margin:22px 0 12px}.dress-picker__swatches{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.dress-picker__swatches button{width:46px;height:46px;border:1px solid #42382c40;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 3px #fffbf3}.dress-picker__swatches button[aria-pressed=true]{outline:3px solid #715936;outline-offset:3px}.dress-picker__swatches button[aria-pressed=true]::after{content:'✓';color:white;background:#42382c;border-radius:50%;padding:1px 4px}.dress-picker__dialog button:focus-visible{outline:3px solid #a28a5c;outline-offset:4px}
.editor-photo-picker{min-width:0}.editor-photo-picker>p{font-size:15px;line-height:1.6;color:#756958}.editor-photo-picker__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editor-photo-picker__list>div{padding:8px;border:1px solid #e4dac7;border-radius:12px;background:#fffdf8}.editor-photo-picker__list img{display:block;width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:7px}.editor-photo-picker__list span{display:block;font-size:14px;margin:8px 0}.editor-photo-picker__list button{min-width:38px;min-height:38px;border:1px solid #e4dac7;background:#f5eedf;color:#715936;border-radius:8px;margin-right:3px}.editor-photo-picker__list button:disabled{opacity:.35}

/* Align all step numbers even when a label wraps onto two lines. */
.editor-shell .editor-step-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px}
.editor-shell .editor-step-nav a{min-width:0;min-height:92px;padding:8px 2px;justify-content:flex-start;align-items:center;flex-direction:column;gap:8px;line-height:1.4}
.editor-shell .editor-step-nav a>span{flex-shrink:0;width:28px;height:28px}
@media(max-width:760px){.editor-shell .editor-step-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-shell .editor-step-nav a{min-height:52px;flex-direction:row;justify-content:flex-start;padding:8px 10px;text-align:left}}
/* One editor path: essential content is visible, optional controls open together. */
.editor-body .editor-extra{min-width:0;border:1px solid #e5dac5;border-radius:18px;background:#fffdf8;overflow:hidden}
.editor-body .editor-extra>summary{min-height:86px;padding:18px 22px;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;list-style:none;color:#514126}
.editor-body .editor-extra>summary::-webkit-details-marker{display:none}
.editor-body .editor-extra>summary::after{content:'+';position:absolute;right:22px;font-size:26px;line-height:1}
.editor-body .editor-extra[open]>summary::after{content:'−'}
.editor-body .editor-extra>summary{position:relative;padding-right:58px}
.editor-body .editor-extra>summary span{font:400 21px/1.4 Prata,Georgia,serif}
.editor-body .editor-extra>summary small{font-size:16px;line-height:1.5;color:#756958}
.editor-body .editor-extra__content{padding:0 16px 18px;display:grid;gap:16px}
.editor-body .editor-extra .editor-step{box-shadow:none}
.editor-body .editor-guest-questions fieldset{min-width:0;margin:0;padding:0;border:0}
.editor-body .editor-guest-questions legend{margin-bottom:12px;font-size:16px;font-weight:700}
.editor-body .editor-question-options>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.editor-body .editor-question-options label{min-height:54px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px solid #ded1b8;border-radius:10px;background:#fffefa;font-size:16px;line-height:1.4;cursor:pointer}
.editor-body .editor-question-options label:has(input:checked){border-color:#715936;background:#f4ecd9}
.editor-body .editor-question-options input{flex:0 0 auto;min-height:20px;width:20px;height:20px;margin:0;padding:0}
.editor-body .editor-advanced-link{color:#715936;font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.editor-body .editor-question-note{font-size:16px;color:#756958}
.editor-body .editor-share{padding:20px;border:1px solid #e5dac5;border-radius:18px;background:#f5f0e2}
.editor-body .editor-share strong{font-size:18px;color:#514126}
.editor-body .editor-share p{margin:8px 0 16px;font-size:16px;line-height:1.5;color:#756958}
.editor-body .editor-share>div{display:flex;flex-wrap:wrap;gap:9px}
.editor-body .editor-share .btn{font-size:16px}
@media(max-width:760px){.editor-body .editor-question-options>div{grid-template-columns:1fr}.editor-body .editor-extra__content{padding-inline:9px}}
/* Make the optional section unmistakably interactive. */
.editor-body .editor-extra{margin-top:4px;margin-bottom:32px;border:2px solid #b69b6a;background:#f5eddb;box-shadow:0 10px 28px #71593614}
.editor-body .editor-extra>summary{min-height:116px;padding:20px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;align-items:center;background:#f5eddb;transition:background .2s ease}
.editor-body .editor-extra>summary:hover,.editor-body .editor-extra>summary:focus-visible{background:#eee0be}
.editor-body .editor-extra>summary:focus-visible{outline:3px solid #715936;outline-offset:-5px}
.editor-body .editor-extra>summary::after{content:none}
.editor-body .editor-extra>summary span:first-child{font:400 23px/1.35 Prata,Georgia,serif}
.editor-body .editor-extra>summary small{grid-column:1;grid-row:2;font-size:16px;color:#63543e}
.editor-body .editor-extra__action{grid-column:2;grid-row:1/3;min-width:118px;min-height:45px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #715936;border-radius:9px;background:#715936;color:#fffaf0;font:700 16px/1.3 Manrope,Arial,sans-serif!important}
.editor-body .editor-extra__action svg{flex:0 0 auto;transition:transform .2s ease}
.editor-body .editor-extra__close{display:none}
.editor-body .editor-extra[open] .editor-extra__open{display:none}
.editor-body .editor-extra[open] .editor-extra__close{display:inline}
.editor-body .editor-extra[open] .editor-extra__action svg{transform:rotate(180deg)}
.editor-body .editor-extra[open]{background:#fffdf8}
@media(max-width:760px){.editor-body .editor-extra{margin-bottom:40px}.editor-body .editor-extra>summary{grid-template-columns:minmax(0,1fr) 48px;padding:18px 16px;min-height:122px}.editor-body .editor-extra__action{min-width:46px;width:46px;padding:5px}.editor-body .editor-extra__action span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.editor-body .editor-extra>summary small{line-height:1.5}}
.editor-body .editor-extra>summary>span:first-child{font:400 23px/1.35 Prata,Georgia,serif}
.editor-body .editor-extra__action span{font:700 16px/1.3 Manrope,Arial,sans-serif!important}
/* Keep every guest-question choice aligned, including longer localized labels. */
.editor-body .editor-question-options>div{grid-auto-rows:minmax(76px,auto);align-items:stretch}
.editor-body .editor-question-options>div>div{min-width:0;height:100%}
.editor-body .editor-question-options label{width:100%;height:100%;min-height:76px;box-sizing:border-box;display:grid;grid-template-columns:22px minmax(0,1fr);align-content:center;column-gap:12px;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
.editor-body .editor-question-options input{align-self:center}
@media(max-width:760px){.editor-body .editor-question-options>div{grid-auto-rows:minmax(64px,auto)}.editor-body .editor-question-options label{min-height:64px}}
.editor-body .editor-question-options>div{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(64px,auto);gap:9px}
.editor-body .editor-question-options label{min-height:64px;overflow-wrap:normal}

/* Keep mobile save controls in the form, clear of the invitation preview. */
@media(max-width:760px){
  .editor-body .editor-form .editor-actions{position:static;inset:auto;width:100%;margin-top:16px;padding:16px 0 0;box-shadow:none;background:transparent;z-index:auto}
  .editor-body .editor-form,html.large-text .editor-body .editor-form{padding-bottom:28px}
}
@media(max-width:400px){
 .editor-body .editor-top{display:grid;grid-template-columns:1fr 1fr;height:auto;min-height:104px;gap:8px;padding:10px 16px}
 .editor-body .editor-top .brand{grid-column:1 / -1;grid-row:1;justify-self:center;position:static;transform:none}
 .editor-body .editor-top .editor-back{grid-column:1;grid-row:2;font-size:16px}
 .editor-body .editor-top .editor-manage{grid-column:2;grid-row:2;justify-self:end;font-size:16px;white-space:nowrap}
}

.editor-body .editor-top button.editor-back{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--ink);font:400 16px/1.4 Manrope,Arial,sans-serif;padding:8px 0;min-height:44px;cursor:pointer}
/* Stack actions where two full labels cannot fit comfortably side by side. */
@media(max-width:400px){
 .editor-body .editor-form .editor-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .editor-body .editor-form .editor-actions>*{grid-column:1 / -1;min-width:0;width:100%;box-sizing:border-box}
 .editor-body .editor-form .editor-actions .btn{display:flex;align-items:center;justify-content:center;min-height:50px;padding:12px 14px;font-size:16px;line-height:1.4;white-space:nowrap}
}
/* Keep the device frame below the preview switcher, including short windows. */
@media(min-width:761px){
 .editor-body .editor-preview{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);justify-items:center;align-items:stretch;gap:24px;padding:18px 20px 24px}
 .editor-body .editor-preview>nav{position:static;align-self:start}
 .editor-body .editor-preview .preview-frame{height:100%;min-height:0;align-self:start}
}