:root{--paper:#f4eee5;--surface:#fffdf9;--panel:#f1f1eb;--ink:#24302e;--muted:#6f746c;--line:#ded7cc;--line-strong:#c8beb1;--sage:#516f66;--clay:#b9795c;--gold:#d0a64f;letter-spacing:0;color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:450;line-height:1.45}*{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{background:var(--paper);width:100%;min-width:320px;margin:0;overflow-x:hidden}#root{width:100%;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #476a665c}::selection{background:#b9795c3d}main{--content-max:1320px;--page-x:clamp(18px, 4vw, 64px);--ink:#25312e;--muted:#6f756d;--faint:#25312e14;--rule:#25312e2e;--rule-strong:#25312e57;--paper:#f7f1e7;--paper-soft:#fffcf694;--deep:#263a34;--sage:#56746b;--clay:#b67658;width:100%;min-height:100svh;color:var(--ink);background:linear-gradient(180deg, #f7f1e7e6, #f7f1e7f0), url(/assets/botanical-watercolor-bg-BGdX3F9h.png) center top / cover fixed, var(--paper);overflow-x:clip}button,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{overflow-wrap:anywhere;margin-top:0}h1{letter-spacing:0;max-width:880px;margin-bottom:0;font-size:clamp(46px,7vw,104px);line-height:.9}h2{letter-spacing:0;margin-bottom:0;font-size:clamp(34px,4vw,62px);line-height:.96}h3{margin-bottom:10px;font-size:24px;line-height:1.1}.eyebrow{color:var(--sage);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:900;line-height:1.15}.hero{padding:22px var(--page-x) 42px}.topbar{max-width:var(--content-max);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:24px;min-height:48px;margin:0 auto 44px;padding-bottom:18px;display:flex}.brand,.nav a{color:inherit;text-decoration:none}.brand{align-items:center;gap:12px;font-size:15px;font-weight:880;display:inline-flex}.brand-mark{background:var(--deep);color:#fffdf8;place-items:center;width:31px;height:31px;font-size:11px;display:grid}.nav{align-items:center;gap:clamp(16px,2vw,32px);display:flex}.nav a{color:var(--muted);font-size:14px}.nav a:hover{color:var(--ink)}.hero-grid,.app-shell,.palette-summary,.palette-section>*,.logic-section>*{width:100%;max-width:var(--content-max);margin-left:auto;margin-right:auto}.app-header{border-bottom:1px solid var(--rule-strong);grid-template-columns:minmax(0,1fr) minmax(150px,210px);align-items:end;gap:clamp(22px,5vw,80px);min-height:230px;padding-bottom:34px;display:grid}.score-badge{color:var(--sage);align-content:end;gap:10px;display:grid}.score-badge span{text-transform:uppercase;font-size:12px;font-weight:900}.score-badge strong{color:var(--ink);font-size:31px;line-height:1}.count-options{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);gap:0;display:flex}.count-options button{border:0;border-right:1px solid var(--rule);width:42px;min-height:34px;color:var(--muted);background:0 0;font-size:13px;font-weight:900}.count-options button:last-child{border-right:0}.count-options button.active{background:var(--deep);color:#fffdf8}.app-grid{grid-template-columns:minmax(250px,.28fr) minmax(0,1fr);gap:clamp(28px,4vw,62px);padding-top:30px;display:grid}.input-panel{border-right:1px solid var(--rule);flex-direction:column;gap:18px;min-width:0;padding-right:clamp(12px,2vw,28px);display:flex}.panel-heading{border-bottom:1px solid var(--rule);padding-bottom:14px}.panel-heading strong,.panel-heading span{display:block}.panel-heading strong{margin-bottom:5px;font-size:20px;line-height:1.1}.panel-heading span{color:var(--muted);font-size:14px;line-height:1.35}.brief-field{gap:10px;display:grid}.brief-field span,.brief-color-wheel span{color:var(--ink);text-transform:uppercase;font-size:11px;font-weight:900}.brief-field textarea{resize:vertical;border:0;border-bottom:1px solid var(--rule);width:100%;min-height:168px;color:var(--ink);background:0 0;padding:0 0 16px;font-size:17px;line-height:1.45}.brief-field textarea:focus{border-color:var(--deep);outline:0}.brief-color-wheel{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:16px;padding:16px 0;display:grid}.brief-color-wheel small{color:var(--muted);margin-top:5px;font-size:14px;line-height:1.25;display:block}.color-wheel-disc{border-radius:999px;width:72px;height:72px;position:relative;box-shadow:inset 0 0 0 1px #25312e2e}.color-wheel-disc i{border-radius:inherit;background:var(--paper);position:absolute;inset:26px}.generate-button{background:var(--clay);color:#fffdf8;border:0;min-height:52px;font-weight:900}.generate-button:disabled{cursor:wait;opacity:.72}.generation-error{color:#8b4c33;border-top:1px solid #b9795c61;border-bottom:1px solid #b9795c61;margin:0;padding:10px 0;font-size:13px;line-height:1.34}.color-board{min-width:0}.variation-header{grid-template-columns:minmax(0,1fr) minmax(150px,210px);align-items:end;gap:24px;margin-bottom:20px;display:grid}.variation-header h2{font-size:clamp(34px,3.5vw,54px)}.variation-header>span{color:var(--sage);text-align:right;font-size:14px;font-weight:850}.variation-grid{border-top:1px solid var(--rule-strong);display:grid}.variation-card{border:0;border-bottom:1px solid var(--rule);min-width:0;color:inherit;text-align:left;background:0 0;grid-template-columns:minmax(210px,.78fr) minmax(160px,.38fr) minmax(250px,.62fr);align-items:center;gap:clamp(16px,3vw,34px);padding:19px 0;display:grid}.variation-card:hover,.variation-card.active{color:var(--ink)}.variation-card.active{box-shadow:inset 4px 0 0 var(--deep);padding-left:18px}.variation-preview,.room-palette-preview{grid-template-rows:1fr 1fr;grid-template-columns:repeat(5,minmax(0,1fr));min-height:112px;display:grid;overflow:hidden}.variation-preview span:first-child,.room-palette-preview div:first-child{grid-area:1/1/3/3}.variation-preview span:nth-child(2),.room-palette-preview div:nth-child(2){grid-area:1/3/auto/6}.variation-preview span:nth-child(3),.room-palette-preview div:nth-child(3){grid-area:2/3}.variation-preview span:nth-child(4),.room-palette-preview div:nth-child(4){grid-area:2/4}.variation-preview span:nth-child(5),.room-palette-preview div:nth-child(5){grid-area:2/5}.variation-preview.color-count-3 span:first-child,.room-palette-preview.color-count-3 div:first-child{grid-area:1/1/3/3}.variation-preview.color-count-3 span:nth-child(2),.room-palette-preview.color-count-3 div:nth-child(2){grid-area:1/3/auto/6}.variation-preview.color-count-3 span:nth-child(3),.room-palette-preview.color-count-3 div:nth-child(3){grid-area:2/3/auto/6}.variation-preview.color-count-4 span:first-child,.room-palette-preview.color-count-4 div:first-child{grid-area:1/1/3/3}.variation-preview.color-count-4 span:nth-child(2),.room-palette-preview.color-count-4 div:nth-child(2){grid-area:1/3/auto/6}.variation-preview.color-count-4 span:nth-child(3),.room-palette-preview.color-count-4 div:nth-child(3){grid-area:2/3/auto/5}.variation-preview.color-count-4 span:nth-child(4),.room-palette-preview.color-count-4 div:nth-child(4){grid-area:2/5}.variation-info strong,.variation-info span{display:block}.variation-info strong{color:var(--ink);margin-bottom:8px;font-size:25px;line-height:1.05}.variation-info span{color:var(--muted);font-size:14px;line-height:1.32}.mini-tokens{grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:7px;min-width:0;display:grid}.mini-tokens div{min-width:0}.mini-tokens i,.mini-tokens span{display:block}.mini-tokens i{height:28px;margin-bottom:7px}.mini-tokens span{color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:900;line-height:1.15;overflow:hidden}.palette-summary{border-top:1px solid var(--rule-strong);grid-template-columns:minmax(360px,.36fr) minmax(0,.82fr) minmax(360px,.44fr);align-items:start;gap:clamp(24px,4vw,56px);margin-top:42px;padding-top:32px;display:grid}.summary-left,.summary-lead,.summary-swatches,.summary-advice,.summary-notes{min-width:0}.summary-left{gap:28px;display:grid}.summary-lead h2{overflow-wrap:normal;word-break:normal;margin-bottom:14px;font-size:clamp(36px,3vw,58px)}.summary-lead p:not(.eyebrow){color:var(--muted);margin-bottom:0;font-size:16px;line-height:1.46}.summary-swatches{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));align-content:start;gap:12px;display:grid}.summary-swatches div{min-width:0}.summary-swatches i{height:118px;margin-bottom:10px;display:block}.summary-swatches span,.summary-swatches strong,.summary-notes span,.summary-notes strong{display:block}.summary-swatches span{color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:900;line-height:1.2;overflow:hidden}.summary-swatches strong{color:var(--ink);overflow-wrap:anywhere;margin-top:4px;font-size:13px;line-height:1.2}.summary-advice{border-left:1px solid var(--rule);padding-left:clamp(18px,2vw,28px)}.summary-advice-head{margin-bottom:16px}.summary-advice-head strong{color:var(--ink);font-size:14px;line-height:1.2;display:block}.summary-advice h3{margin-bottom:12px;font-size:clamp(26px,2.4vw,36px)}.summary-advice>p{color:var(--muted);margin-bottom:18px;font-size:16px;line-height:1.5}.summary-material-tags{border-top:1px solid var(--rule);flex-wrap:wrap;gap:8px 16px;padding-top:12px;display:flex}.summary-material-tags span{color:var(--ink);font-size:13px;font-weight:850}.summary-notes{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.summary-notes div,.summary-rule-list{border-top:1px solid var(--rule);min-width:0;padding-top:16px}.summary-notes span{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:900}.summary-notes strong{color:var(--ink);font-size:21px;line-height:1.15}.summary-rule-list{grid-column:1/-1;gap:8px;display:grid}.summary-rule-list p{color:var(--ink);margin:0;padding-left:18px;font-size:13px;line-height:1.36;position:relative}.summary-rule-list p:before,.room-use-point:before{content:"";background:var(--clay);width:7px;height:7px;position:absolute;left:0}.summary-rule-list p:before{top:7px}.palette-section{padding:48px var(--page-x) 74px}.logic-section{padding:76px var(--page-x);background:var(--deep);color:#fffdf8}.section-heading{margin-bottom:26px}.section-heading h2{max-width:980px}.room-options,.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.room-options{border-top:1px solid var(--rule-strong)}.room-options button{border:0;border-right:1px solid var(--rule);min-width:0;min-height:304px;color:inherit;text-align:left;background:0 0;grid-template-rows:150px auto auto 22px;gap:12px;padding:20px clamp(18px,2.4vw,32px) 22px 0;display:grid}.room-options button:nth-child(n+2){padding-left:clamp(18px,2.4vw,32px)}.room-options button:last-child{border-right:0;padding-right:0}.room-options button:hover,.room-options button.active{background:#fffcf65c}.room-options button.active{box-shadow:inset 0 -3px 0 var(--deep)}.room-options span,.room-options small{display:block}.room-options span{color:var(--ink);font-size:25px;font-weight:900}.room-options small{color:var(--muted);font-size:14px;line-height:1.35}.room-option-colors{grid-template-columns:repeat(auto-fit,minmax(0,1fr));align-self:end;gap:8px;display:grid}.room-option-colors i{height:20px}.room-palette-preview{background:#fffcf661;min-height:150px}.room-palette-preview div{min-width:0;position:relative}.room-palette-preview span{max-width:calc(100% - 18px);color:var(--palette-text,#25312ec7);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:900;line-height:1.1;position:absolute;bottom:8px;left:9px;overflow:hidden}.room-palette-detail{border-top:1px solid var(--rule-strong);grid-template-columns:minmax(230px,.28fr) minmax(0,1fr);gap:18px clamp(24px,4vw,56px);margin-top:24px;padding-top:22px;display:grid}.room-palette-detail h3{margin-bottom:0;font-size:25px;line-height:1.1}.room-color-spec{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);min-width:0;display:grid}.room-color-spec div{min-width:0}.room-color-spec i,.room-color-spec span,.room-color-spec strong{display:block}.room-color-spec i{height:96px;margin-bottom:9px}.room-color-spec span{color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:900;line-height:1.15;overflow:hidden}.room-color-spec strong{color:var(--ink);overflow-wrap:anywhere;margin-top:4px;font-size:12px;line-height:1.15}.room-use-list{border-top:1px solid var(--rule);grid-column:1/-1;grid-template-columns:minmax(0,1.15fr) minmax(220px,.8fr) minmax(220px,.8fr);gap:22px;padding-top:20px;display:grid}.room-use-card{align-content:start;gap:8px;min-width:0;display:grid}.room-use-card .eyebrow{margin-bottom:0}.room-use-card strong{color:var(--ink);font-size:18px;line-height:1.16}.room-use-card p:not(.eyebrow){color:var(--muted);margin:0;font-size:13px;line-height:1.35}.room-use-point{padding-left:17px;position:relative}.room-use-point:before{top:6px}.ratio-bars{gap:8px;display:grid}.ratio-bars div{grid-template-columns:38px minmax(72px,1fr) minmax(66px,.7fr);align-items:center;gap:8px;display:grid}.ratio-bars span,.ratio-bars em{color:var(--ink);font-size:11px;font-style:normal;font-weight:850;line-height:1.15}.ratio-bars i{background:linear-gradient(90deg, var(--sage) var(--ratio), #25312e1a var(--ratio));height:8px}.logic-section .eyebrow{color:#d8a56f}.logic-section h2,.logic-section h3{color:#fffdf8}.steps-grid{border-top:1px solid #fff3}.steps-grid article{border-right:1px solid #ffffff29;min-height:220px;padding:24px 24px 24px 0}.steps-grid article:nth-child(n+2){padding-left:24px}.steps-grid article:last-child{border-right:0}.steps-grid span{color:#d8a56f;margin-bottom:36px;font-weight:900;display:inline-flex}.steps-grid p{color:#ffffffad;margin-bottom:0;line-height:1.48}@media (width<=1180px){.variation-card{grid-template-columns:minmax(180px,.66fr) minmax(150px,.34fr)}.mini-tokens{grid-column:1/-1}.palette-summary{grid-template-columns:minmax(220px,.34fr) minmax(0,1fr)}.summary-advice{border-top:1px solid var(--rule);border-left:0;grid-column:1/-1;padding:22px 0 0}}@media (width<=900px){.app-header,.app-grid,.variation-header,.palette-summary,.room-palette-detail{grid-template-columns:1fr}.palette-summary{gap:28px}.input-panel{border-right:0;padding-right:0}.variation-header>span{text-align:left}.room-options,.steps-grid,.room-use-list,.summary-notes{grid-template-columns:1fr}.room-options button,.room-options button:nth-child(n+2),.room-options button:last-child{border-right:0;border-bottom:1px solid var(--rule);min-height:0;padding:20px 0 22px}.room-color-spec{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.steps-grid article,.steps-grid article:nth-child(n+2){border-bottom:1px solid #ffffff29;border-right:0;padding-left:0}}@media (width<=640px){main{background:linear-gradient(180deg, #f7f1e7ed, #f7f1e7f5), url(/assets/botanical-watercolor-bg-BGdX3F9h.png) center top / cover fixed, var(--paper)}.hero{padding:14px 14px 32px}.topbar{grid-template-columns:1fr;gap:12px;margin-bottom:34px;display:grid}.nav{justify-content:space-between;gap:8px}.nav a{font-size:13px}h1{font-size:clamp(42px,13vw,60px)}h2{font-size:clamp(31px,10vw,42px)}.app-header{min-height:0;padding-bottom:28px}.brief-field textarea{min-height:126px}.brief-color-wheel{grid-template-columns:minmax(0,1fr) 62px}.color-wheel-disc{width:62px;height:62px}.color-wheel-disc i{inset:22px}.variation-card{grid-template-columns:1fr;gap:12px;padding:18px 0}.variation-card.active{box-shadow:inset 3px 0 0 var(--deep);padding-left:12px}.variation-preview{min-height:120px}.mini-tokens i{height:20px}.summary-swatches,.room-color-spec{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-swatches i{height:82px}.summary-notes{gap:10px}.palette-section{padding:42px 14px 58px}.room-options button{grid-template-rows:126px auto auto 20px}.room-palette-preview{min-height:126px}.room-color-spec i{height:86px}.logic-section{padding:58px 14px}}@media (width<=380px){.summary-swatches,.room-color-spec{grid-template-columns:1fr}}