body{background:repeating-linear-gradient(45deg,#fff 0 36px,#fff9f1 36px 72px)}
.arch-builder{padding:28px;overflow:visible}
.builder-header{text-align:center;max-width:800px;margin:0 auto 28px}
.builder-eyebrow{display:inline-block;padding:5px 11px;border:1px solid #ffd5a3;border-radius:999px;background:#fff5e9;color:var(--brand-dark);font-size:.61rem;font-weight:900;letter-spacing:.12em}
.builder-header h1{font-family:'Pacifico',cursive;color:var(--pink);font-size:3.45rem;line-height:1.05;margin:7px 0 6px}
.builder-header p{margin:0;color:#7e898c;font-weight:600}
.arch-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:22px;align-items:start}
.arch-controls{display:flex;flex-direction:column;gap:11px}
.control-card,.summary-card,.preview-panel{background:#fff;border:1px solid #ece7e0;border-radius:18px;box-shadow:0 6px 20px rgba(45,52,54,.055)}
.control-card,.summary-card{padding:16px}
.section-heading{display:flex;gap:10px;align-items:flex-start;margin-bottom:13px}
.step-dot{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-weight:900}
.section-heading strong,.stars-toggle strong{display:block;color:var(--dark);font-size:.9rem}
.section-heading small,.stars-toggle small{display:block;color:#9ba2a5;font-size:.61rem;font-weight:600;line-height:1.35;margin-top:2px}
.master-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.master-buttons button{border:1px solid #e7e7e7;border-radius:12px;background:#fff;padding:8px 5px;font:inherit;cursor:pointer}
.master-buttons button.active{border-color:var(--brand);background:#fff6eb}
.master-buttons b{display:block;color:#4e575a;font-size:.66rem}
.master-buttons small{display:block;color:#a0a7a9;font-size:.49rem;font-weight:700;margin-top:2px}
.mini-arch{display:block;height:48px;border-radius:8px;margin-bottom:5px;background-position:center;background-repeat:no-repeat}
.mini-arch.light{background:radial-gradient(circle at 13% 75%,#cfd2d4 0 6px,transparent 7px),radial-gradient(circle at 29% 48%,#aeb4b7 0 7px,transparent 8px),radial-gradient(circle at 50% 27%,#bfc4c7 0 8px,transparent 9px),radial-gradient(circle at 71% 48%,#aeb4b7 0 7px,transparent 8px),radial-gradient(circle at 87% 75%,#cfd2d4 0 6px,transparent 7px)}
.mini-arch.classic{background:radial-gradient(circle at 10% 76%,#cfd2d4 0 7px,transparent 8px),radial-gradient(circle at 24% 51%,#aeb4b7 0 9px,transparent 10px),radial-gradient(circle at 39% 32%,#c0c4c7 0 10px,transparent 11px),radial-gradient(circle at 50% 23%,#9ea5a9 0 11px,transparent 12px),radial-gradient(circle at 63% 32%,#c0c4c7 0 10px,transparent 11px),radial-gradient(circle at 78% 51%,#aeb4b7 0 9px,transparent 10px),radial-gradient(circle at 91% 76%,#cfd2d4 0 7px,transparent 8px)}
.mini-arch.wow{background:radial-gradient(circle at 9% 76%,#cfd2d4 0 8px,transparent 9px),radial-gradient(circle at 20% 56%,#aeb4b7 0 10px,transparent 11px),radial-gradient(circle at 32% 38%,#c0c4c7 0 12px,transparent 13px),radial-gradient(circle at 46% 25%,#9ea5a9 0 13px,transparent 14px),radial-gradient(circle at 60% 28%,#c0c4c7 0 12px,transparent 13px),radial-gradient(circle at 73% 41%,#aeb4b7 0 11px,transparent 12px),radial-gradient(circle at 84% 58%,#cfd2d4 0 9px,transparent 10px),radial-gradient(circle at 93% 77%,#9ea5a9 0 8px,transparent 9px)}
.stars-toggle{display:grid;grid-template-columns:20px 28px 1fr;gap:8px;align-items:center;cursor:pointer}
.stars-toggle input{position:absolute;opacity:0}
.check-ui{width:20px;height:20px;display:grid;place-items:center;border:2px solid #dedfe0;border-radius:6px;background:#fff;color:#fff;font-size:.68rem;font-weight:900}
.stars-toggle input:checked + .check-ui{background:var(--brand);border-color:var(--brand)}
.colour-row{display:grid;grid-template-columns:28px 1fr 120px;gap:8px;align-items:center;margin-bottom:9px}
.colour-row b{display:block;color:#566064;font-size:.64rem}
.colour-row small{display:block;color:#9ba3a5;font-size:.49rem;font-weight:600}
.colour-swatch{width:28px;height:28px;border:2px solid #fff;outline:1px solid #dfe2e3;border-radius:50%}
select{border:1px solid #e5e6e7;border-radius:8px;background:#fff;padding:7px;color:#525a5d;font:inherit;font-size:.58rem;font-weight:700}
.neutral-note{margin:9px 0 0;padding:8px 9px;border-radius:9px;background:#faf8f5;color:#8e9699;font-size:.52rem;line-height:1.4;font-weight:600}
.remix-button{width:100%;margin-top:9px;border:1px solid #ffd1a0;border-radius:9px;background:#fff7ed;color:var(--brand-dark);padding:8px;font:inherit;font-size:.6rem;font-weight:900}
.size-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.size-buttons button{border:1px solid #e6e7e8;border-radius:9px;background:#fff;padding:8px 2px;font:inherit;font-size:.6rem;font-weight:800}
.size-buttons button.active{border-color:var(--brand);background:#fff4e6;color:var(--brand-dark)}
.summary-kicker{display:block;color:var(--brand-dark);font-size:.54rem;font-weight:900;letter-spacing:.12em}
.summary-card>strong{display:block;color:#465053;margin:4px 0 11px;font-size:.82rem}
.summary-grid{display:grid;grid-template-columns:1fr auto;gap:5px 10px;color:#8c9497;font-size:.56rem}
.summary-grid b{color:#5c6568}
.summary-price{display:flex;justify-content:space-between;align-items:end;margin:12px 0 9px;padding-top:10px;border-top:1px solid #eee8df;color:#7d878a;font-size:.61rem}
.summary-price strong{color:var(--brand);font-size:1.5rem}
.arch-add{width:100%;display:flex;justify-content:space-between;align-items:center}
.preview-panel{padding:15px}
.preview-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
.preview-kicker{display:block;color:#a1a8aa;font-size:.54rem;font-weight:900;letter-spacing:.11em}
.preview-header strong{color:#4f585b;font-size:.86rem}
.preview-badge{padding:5px 8px;border-radius:999px;background:#fff4e7;color:var(--brand-dark);font-size:.5rem;font-weight:800}
.image-stage{position:relative;overflow:hidden;border:1px solid #eee;border-radius:18px;background:#f4eeee}
#archCanvas{display:block;width:100%;height:auto;aspect-ratio:3/2}
.loading{position:absolute;inset:0;display:none;place-items:center;background:rgba(255,255,255,.65);color:#687174;font-size:.7rem;font-weight:800;backdrop-filter:blur(2px)}
.loading.show{display:grid}
.preview-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}
.preview-switcher button{border:1px solid #e8e8e8;border-radius:11px;background:#fff;padding:6px;font:inherit;cursor:pointer}
.preview-switcher button.active{border-color:var(--brand);background:#fffaf5}
.preview-switcher img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:7px}
.preview-switcher b{display:block;color:#596164;font-size:.58rem;margin-top:4px}
.image-explanation{display:flex;gap:6px;margin-top:9px;padding:10px 12px;border:1px solid #efe9e1;border-radius:11px;background:#fbfaf8;color:#858e91;font-size:.53rem;line-height:1.45}
.image-explanation strong{color:#5f696c}
@media(max-width:1000px){.arch-layout{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:900px){.arch-layout{grid-template-columns:1fr}.preview-panel{order:-1}}
@media(max-width:600px){.arch-builder{padding:12px}.builder-header h1{font-size:2.4rem}.master-buttons{grid-template-columns:1fr}.size-buttons{grid-template-columns:repeat(3,1fr)}.colour-row{grid-template-columns:28px 1fr}.colour-row select{grid-column:2}}

/* Header typography coherence; non-photographic layout remains unique */
.builder-header h1{
  font-family:"Pacifico",cursive !important;
  color:var(--mpb-header-pink,#ff4f86) !important;
  font-weight:400 !important;
  line-height:1.08 !important;
  text-shadow:var(--mpb-header-shadow,
    3px 3px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,7px 7px 0 rgba(0,0,0,.065)) !important;
}
.builder-header p{
  color:var(--mpb-header-copy,#56667b) !important;
  font-weight:500 !important;
}
.builder-header h1{margin-bottom:24px}
@media(max-width:600px) and (orientation:portrait){.builder-header h1{margin-bottom:18px}}