@font-face{font-family:KivaLight;src:url('/assets/fonts/kiva-flyer-light.ttf') format('truetype');font-weight:300;font-display:swap}
:root{--paper:#F8F4EC;--purple:#2B1747;--ink:#2E2838;--muted:#77717c;--line:#e7e2e6;--red:#e32032}
*{box-sizing:border-box}body{margin:0;background:#f7f7f8;color:var(--ink);font:14px/1.5 'Plus Jakarta Sans',Arial,sans-serif}
.top{background:#fff;padding:18px 4.5vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;align-items:center;position:sticky;top:0;z-index:5}
.wordmark{font-size:20px;font-weight:700;color:#1f1d23;text-decoration:none;white-space:nowrap}.wordmark span{color:var(--red);font-size:12px;margin:0 3px}.wordmark small{font-size:10px;font-weight:400;color:#777}
.top nav{display:flex;gap:22px;align-items:center;font-size:12px}.top a{color:inherit}.top nav strong{font-weight:600}.top nav a{text-decoration:none}
main{max-width:1600px;margin:auto;padding:30px clamp(16px,4.5vw,65px)}
.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}
.heading h1{font:300 clamp(34px,3.5vw,54px)/1.1 KivaLight,Arial,sans-serif;letter-spacing:-.035em;margin:3px 0 6px}
.heading h1 span{color:var(--red)}.heading p{color:#777;margin:0}.eyebrow{font-size:10px!important;letter-spacing:.16em;text-transform:uppercase;color:#b41d32!important;font-weight:700}
.pilot{font-size:9px;color:#6a586e;border:1px solid #dad2de;background:#fff;padding:9px 13px;white-space:nowrap;border-radius:30px}
.access{border:1px solid #ddd9de;background:#fff;padding:15px 20px;border-radius:12px;margin-bottom:18px}.access p{font-size:12px;color:#777;margin:4px 0}.access a{font-size:11px}
.access.good{border-color:#c8d4c9;background:#fdfefd}
.layout{display:grid;grid-template-columns:minmax(300px,490px) minmax(0,1fr);gap:28px;align-items:start}
.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;margin:0 0 18px}
.section-head{display:flex;gap:12px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}
.section-head span{color:var(--red);font-size:10px;letter-spacing:.12em;font-weight:700}.section-head h2{font-size:17px;font-weight:500;margin:0}
label{display:block;font-size:11px;font-weight:600;color:#4a424d;margin:14px 0 6px}label em{font-weight:400;color:#888}
input:not([type=file]),textarea,select{width:100%;border:1px solid #ded9df;border-radius:7px;padding:11px;font:13px/1.4 Arial,sans-serif;color:#2b2831;background:#fff}
textarea{resize:vertical;min-height:80px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline{display:flex;gap:8px}.inline input{flex:1;min-width:0}
.help{font-size:11px;color:#77717b;line-height:1.5;margin:9px 0}
button{border:1px solid var(--purple);border-radius:7px;background:var(--purple);color:white;font-weight:500;cursor:pointer;padding:11px 15px;font-size:12px}
button.secondary{background:#fff;color:var(--purple)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.actions button{width:100%;margin:4px 0}.brand-summary{background:#f7f5f8;padding:14px;border:1px solid #e8e2e9;border-radius:8px;font-size:12px}
.photo-list{display:grid;gap:7px;margin-top:12px}
.photo-row{display:flex;align-items:center;gap:10px;padding:7px;border:1px solid var(--line);border-radius:7px;background:#faf9fa}
.photo-row img{width:75px;height:55px;object-fit:cover;border-radius:4px}
.photo-row .name{flex:1;min-width:0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.photo-row button{background:#fff;color:#3a2b44;border:1px solid #d7d0da;padding:5px 8px}
.preview-panel{position:sticky;top:85px;max-height:calc(100vh - 105px);overflow:auto;border:1px solid #e1dce3;border-radius:13px;background:#eae7e9;padding:20px}
.preview-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.preview-head h2{margin:0;font-size:17px;font-weight:500}.preview-head span{font-size:10px;color:#777}
.preview-tip{font-size:11px;color:#777;margin:7px 0 18px}.pages{display:grid;gap:24px;justify-items:center}
.page-svg{display:block;width:min(100%,595px);height:auto;background:var(--paper);box-shadow:0 15px 35px #31263720}
.empty-preview{width:100%;padding:100px 20px;text-align:center;color:#777;font-size:12px;border:1px dashed #bcb5be;background:#f4f1f4;border-radius:9px}
footer{padding:26px;text-align:center;color:#8e8790;font-size:10px;letter-spacing:.15em}footer span{color:var(--red);padding:0 12px}
[hidden]{display:none!important}
@media(max-width:1050px){.layout{grid-template-columns:1fr}.preview-panel{position:static;max-height:none}.page-svg{max-width:595px}}
@media(max-width:600px){.top{flex-wrap:wrap;gap:6px}.top nav{gap:12px;flex-wrap:wrap}.heading{display:block}.pilot{display:inline-block;margin:14px 0 0}.panel{padding:17px}.two{grid-template-columns:1fr}.inline{flex-wrap:wrap}.inline button{width:100%}.preview-panel{padding:12px}}

/* Reverse-engineered Oasis page-by-page content contract */
.page-form{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:16px;overflow:hidden}
.page-form>summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:18px 20px;list-style:none}
.page-form>summary::-webkit-details-marker{display:none}
.page-form>summary .page-index{color:#a61f32;font-size:12px;letter-spacing:.08em;font-weight:700;flex-shrink:0}
.page-form>summary strong{display:block;font-size:16px;font-weight:500}
.page-form>summary small{display:block;font-size:10px;color:#7b7280;margin-top:3px}
.page-form .panel{border:0;border-top:1px solid var(--line);border-radius:0;margin:0;padding-top:8px}
.page-state{margin-left:auto;white-space:nowrap;font-size:9px;color:#aa4150;background:#faf1f3;border-radius:20px;padding:6px 8px}
.page-state.complete{background:#eef7ef;color:#226d36}
.photo-slot{border:1px solid #e6e0ea;background:#fcfbfd;border-radius:9px;padding:12px;min-width:0;margin:10px 0}
.photo-slot label{margin:0 0 6px;font-size:12px}
.photo-slot label em{font-size:9px;color:#ab1d39}
.photo-slot input[type=file]{max-width:100%;font-size:11px}
.slot-preview{background:#f2eff3;color:#827584;border:1px dashed #b8acbb;border-radius:7px;margin:8px 0 0;min-height:74px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:11px;padding:8px;overflow:hidden}
.slot-preview.has-image{display:block;background:#fff;text-align:left;padding:4px;border-style:solid}
.slot-preview img{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:4px}
.slot-preview span{display:block;font-size:10px;padding:5px;color:#49404c}
.form-progress{margin-top:15px;padding:10px;background:#f6f1f7;border-radius:7px;font-size:11px;color:#604f68}
.amenity-grid{display:grid;gap:10px}.amenity{padding:10px;border:1px solid #e8e3e8;border-radius:8px}
.amenity>strong{font-size:11px;color:#4b3a57}
.amenity label{margin-top:8px}
.page-form[hidden]{display:none!important}
@media(max-width:600px){.page-form>summary{padding:12px;align-items:start}.page-form>summary strong{font-size:14px}.page-state{font-size:8px}.photos-two{grid-template-columns:1fr}.slot-preview img{max-height:140px}}

/* Per-page availability, editable word counters and fixed Brochure price */
.brochure-credit-price{border:1px solid #dcc5d0;background:#fff8fa;border-radius:10px;padding:13px;margin:14px 0;color:#302235}
.brochure-credit-price strong{display:block;font-weight:600;font-size:15px}
.brochure-credit-price span{display:block;color:#726270;font-size:11px;margin-top:4px}
.page-availability-toggle{display:flex!important;align-items:center;gap:8px!important;margin:0!important;padding:10px 18px;border-top:1px solid #ece7ed;background:#fbfafc;cursor:pointer;font-weight:500!important;font-size:12px!important}
.page-availability-toggle input{accent-color:#e32032;width:18px;height:18px;flex:0 0 18px;margin:0}
.page-fields{border:0;min-inline-size:0;margin:0;padding:0}
.page-fields:disabled{opacity:.42}
.page-form.page-excluded{background:#f5f5f5}
.page-form.page-excluded .page-state{color:#777;background:#ebebeb}
.page-form.page-excluded .page-fields{display:none}
.field-word-count{font-size:10px;color:#76707d;text-align:right;margin-top:2px}
.field-word-count.over-limit{color:#be132b;font-weight:600}
@media(max-width:600px){.page-availability-toggle{padding:10px 12px!important}}

/* Inline editorial layout validation: identify the exact overflowing input */
#editor .layout-field-error,
#editor .layout-field-error:focus-visible{
 border:2px solid #be1833!important;
 outline:2px solid #be1833!important;
 outline-offset:2px;
 background:#fff5f6!important;
 box-shadow:0 0 0 3px #be183319!important;
}
.layout-error-hint{
 display:block;
 color:#a4112c;
 background:#fff1f3;
 border-left:3px solid #be1833;
 padding:9px 11px;
 margin:7px 0 12px;
 font-size:12px;
 font-weight:600;
 line-height:1.45;
 border-radius:0 5px 5px 0;
}

/* KIVA Brochure — calm, full-width progressive page cards */
#workspace .layout{display:block;max-width:1220px;margin:0 auto}
#workspace #editor{width:100%;min-width:0}
#workspace .intro-panel{border:0;padding:14px 22px;margin:0 0 12px;border-radius:12px;background:#fff}
#workspace .intro-panel .section-head{padding:0;margin-bottom:8px;border:0}
#workspace .intro-panel .section-head h2{font-size:16px}
#workspace .intro-panel>label{margin:4px 0 6px}
#workspace .intro-panel>p.help{margin:7px 0}
#workspace .brochure-credit-price{margin:8px 0 0;padding:10px 14px}
#workspace .wizard-progress{position:sticky;top:62px;z-index:4;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 22px 14px;margin:0 0 14px;box-shadow:0 7px 18px #26202c0a}
.wizard-progress-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.wizard-progress-heading strong{font-weight:500;font-size:17px}
.wizard-eyebrow{font-size:10px;letter-spacing:.13em;color:#b52538;font-weight:600}
#wizard-count-label{font-size:11px;color:#6d6572}
.wizard-track{height:4px;border-radius:4px;background:#efe9ee;overflow:hidden;margin:12px 0 14px}
.wizard-track-fill{height:100%;width:0%;background:#e32032;transition:width .25s ease}
.wizard-dots{display:grid;grid-template-columns:repeat(var(--wizard-steps,6),minmax(0,1fr));gap:9px}
.wizard-marker{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;color:#817a86;font-size:10px;text-align:center}
.wizard-dot{width:27px;height:27px;border:2px solid #d6d0d9;border-radius:50%;display:grid;place-items:center;background:#fff;color:#87818c;font:600 11px Arial,sans-serif}
.wizard-marker.is-complete .wizard-dot{background:#e32032;border-color:#e32032;color:#fff}
.wizard-marker.is-current .wizard-dot{border-color:#e32032;box-shadow:0 0 0 3px #e3203219;color:#d91f36}
.wizard-marker.is-current.is-complete .wizard-dot{color:#fff}
.wizard-marker>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.generation-progress{height:6px;background:#f2e7ec;border-radius:4px;overflow:hidden;margin-top:14px}
.generation-progress>span{display:block;background:#e32032;width:0%;height:100%;transition:width .2s}
#workspace .page-form{display:none!important;margin:0;border:1px solid #e5e0e5;border-radius:14px;background:#fff;box-shadow:0 10px 25px #38313b08}
#workspace .page-form.wizard-current{display:block!important}
#workspace .page-form>summary{cursor:default;background:#fff}
#workspace .page-form>summary .page-index{color:#dd2038;font-size:13px}
#workspace .page-form>summary strong{font-size:21px}
#workspace .page-form .page-fields>.panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;padding:14px 26px 24px}
#workspace .page-form .page-fields>.panel>.photo-slot,
#workspace .page-form .page-fields>.panel>.photos-two,
#workspace .page-form .page-fields>.panel>.amenity-grid,
#workspace .page-form .page-fields>.panel>.help{grid-column:1/-1}
#workspace .page-form .page-fields>.panel>.two{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
#workspace .page-form .page-fields>.panel label{font-size:12px;margin:11px 0 6px}
#workspace .page-form .page-fields>.panel>.photo-slot{max-width:780px}
#workspace .page-form .page-fields>.panel>.photos-two{max-width:900px}
#workspace .page-form .page-fields>.panel textarea{min-height:88px}
#workspace .page-form .page-fields>.panel .field-word-count{font-size:10px}
#workspace .page-form .page-fields>.panel .amenity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#workspace .page-form .page-fields>.panel>.amenity-grid>.amenity{min-width:0}
#workspace .wizard-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 12px}
#workspace .wizard-controls button{min-height:45px;padding:12px 20px;font-size:13px}
#workspace .wizard-controls .wizard-back{background:#fff;color:#3b2a4b;border-color:#d8d0dc}
#workspace .wizard-controls .wizard-next{margin-left:auto;background:#e32032;border-color:#e32032}
#workspace .wizard-step-error{flex:1;color:#a31830;font-size:12px;line-height:1.45}
#workspace .wizard-status{margin:0 0 12px}
#workspace .brand-panel{margin-top:8px}
#workspace .preview-panel{position:static;max-height:none;margin:18px 0 0;overflow:visible}
#workspace #wizard-preview[hidden],#workspace #wizard-brand-panel[hidden],#workspace #wizard-actions[hidden]{display:none!important}
#workspace .pages{grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));align-items:start}
#workspace .page-svg{max-width:480px}
#workspace #wizard-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#workspace #wizard-actions button{margin:0}
#workspace #wizard-actions .help{grid-column:1/-1}
#workspace .page-form.page-excluded .page-fields{display:none}
#workspace .page-form.page-excluded .page-availability-toggle{border-top:1px solid var(--line)}
@media(max-width:780px){
 #workspace .page-form .page-fields>.panel{display:block;padding:12px 16px 20px}
 #workspace .page-form .page-fields>.panel>.two{grid-template-columns:1fr}
 #workspace .page-form .page-fields>.panel .amenity-grid{grid-template-columns:1fr}
 #workspace .wizard-progress{top:54px;padding:13px 12px}
 .wizard-progress-heading{gap:4px 10px}
 .wizard-progress-heading strong{font-size:14px}
 .wizard-dots{gap:3px}
 .wizard-marker{font-size:9px}
 .wizard-marker>span:last-child{font-size:9px}
 #workspace .wizard-controls{flex-wrap:wrap;gap:8px}
 #workspace .wizard-controls .wizard-step-error{order:3;flex:1 0 100%}
 #workspace #wizard-actions{grid-template-columns:1fr}
}
@media(max-width:400px){
 .wizard-marker>span:last-child{font-size:8px}
 .wizard-dot{width:23px;height:23px}
 .wizard-eyebrow{display:none}
 #workspace .wizard-progress{top:53px}
}

/* Brochure editor: label, control and word counter stay in one aligned cell */
#workspace .page-form .kiva-form-field{
 display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
 gap:6px;min-width:0;margin:0 0 14px;
}
#workspace .page-form .kiva-form-field>label{
 display:block;width:100%;min-width:0;margin:0!important;
 font-size:12px;line-height:1.35;min-height:17px;font-weight:600;color:#33283a;
}
#workspace .page-form .kiva-form-field>input,
#workspace .page-form .kiva-form-field>textarea,
#workspace .page-form .kiva-form-field>select{
 display:block;width:100%;min-width:0;margin:0!important;
 font-size:13px;line-height:1.5;min-height:44px;
 border-radius:8px;background:#fff;color:#211a2a;
}
#workspace .page-form .kiva-form-field>textarea{min-height:100px}
#workspace .page-form .kiva-form-field>.field-word-count{
 position:static;display:block;margin:0!important;
 text-align:right;min-height:12px;color:#615968;font-size:10px;
}
#workspace .page-form .page-fields>.panel{
 column-gap:26px;row-gap:4px;align-items:start;
}
#workspace .page-form .page-fields>.panel>.two{
 gap:8px 26px;align-items:start;
}
#workspace .page-form .page-fields>.panel>.kiva-form-field,
#workspace .page-form .page-fields>.panel>.two>.kiva-form-field{
 grid-column:auto;min-width:0;
}
#workspace .page-form .page-fields>.panel>.photos-two,
#workspace .page-form .page-fields>.panel>.amenity-grid,
#workspace .page-form .page-fields>.panel>.photo-slot{margin-bottom:12px}
#workspace .page-form .amenity .two{align-items:start}
#workspace .page-form .amenity .kiva-form-field{margin-bottom:10px}
#workspace .page-form .layout-field-error{border-color:#c8152e!important;box-shadow:0 0 0 3px #c8152e1f!important}
@media(max-width:780px){
 #workspace .page-form .kiva-form-field{margin-bottom:14px}
 #workspace .page-form .page-fields>.panel>.two{display:grid;grid-template-columns:1fr;gap:0}
 #workspace .page-form .amenity .two{display:grid;grid-template-columns:1fr}
}

/* Final wizard navigation: fixed left/right alignment, even on narrow phones.
   Grid areas prevent the inline error message from pushing Next below Back. */
#workspace #wizard-controls{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 grid-template-areas:"back next" "error error";
 align-items:center;justify-items:stretch;
 gap:9px 12px;flex-wrap:nowrap!important;
 width:100%;min-width:0;padding:16px 0 12px;
}
#workspace #wizard-back{
 grid-area:back;justify-self:start;align-self:center;
 width:auto!important;min-width:91px;max-width:100%;
 margin:0!important;white-space:nowrap;
}
#workspace #wizard-next{
 grid-area:next;justify-self:end;align-self:center;
 width:auto!important;min-width:133px;max-width:100%;
 margin:0!important;white-space:nowrap;
}
#workspace #wizard-step-error{
 grid-area:error;min-width:0;max-width:100%;
 flex:none!important;order:initial!important;
 margin:0;overflow-wrap:anywhere;
}
#workspace #wizard-step-error:empty{display:none}
@media(max-width:375px){
 #workspace #wizard-controls{column-gap:6px}
 #workspace #wizard-controls button{padding:11px 12px;font-size:12px}
 #workspace #wizard-next{min-width:119px}
}

/* KIVA Studio compact production interface: retain controls, reduce non-action copy. */
.top nav .return-welcome{background:#fff;border:1px solid #e6e2e5;border-radius:999px;padding:8px 13px;color:#4e4850;text-decoration:none;font-size:12px}
.top nav .return-welcome:hover,.top nav .return-welcome:focus-visible{border-color:#d82440;color:#d82440}
.heading{margin-bottom:14px}
.heading .pilot{display:none}
.access.good{display:none}
#workspace .intro-panel>p.help{display:none}
#workspace .intro-panel .brochure-credit-price>span{display:none}
#workspace .intro-panel .brochure-credit-price{background:#fbf9fa;border:1px solid #f0e8eb}
#workspace .intro-panel .brochure-credit-price strong{font-size:13px}
#workspace .wizard-progress{position:sticky;top:54px;z-index:40;padding:10px 18px 12px;box-shadow:0 8px 24px #26202c10}
#workspace .wizard-dots{gap:5px}
#workspace .wizard-marker>span:last-child{font-size:10px;white-space:normal;line-height:1.2}
#workspace .generation-progress:not([hidden]){height:9px;margin-top:10px}
@media(max-width:700px){#workspace .wizard-progress{top:0;padding:10px 12px}.top nav .return-welcome{white-space:nowrap}}