:root{--palette-ink:#173f3a;--palette-teal:#168b80;--palette-coral:#df5c49;--palette-gold:#d7aa52;--palette-cream:#f8f3e9;--palette-paper:#fffefa;--palette-line:#dcd2c4;--palette-muted:#63716c;--palette-shadow:0 16px 42px rgba(38,63,58,.11)}
*{box-sizing:border-box}.palette-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:60px;align-items:end;padding:70px 5vw 58px;background:linear-gradient(135deg,#fffefa 0%,#f6efe2 68%,#edf4f0 100%);border-bottom:1px solid var(--palette-line)}.eyebrow{color:var(--palette-coral);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.palette-hero .eyebrow span{display:inline-block;width:24px;height:2px;margin:0 10px 3px 0;background:var(--palette-coral)}.palette-hero h1{max-width:780px;margin:12px 0 20px;color:var(--palette-ink);font:400 clamp(44px,6vw,76px)/.98 Georgia,serif;letter-spacing:-.045em}.palette-hero h1 em{color:var(--palette-coral);font-weight:400}.palette-hero>div>p:not(.eyebrow){max-width:720px;margin:0;color:#53635e;font-size:17px;line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-actions button,.primary{border:1px solid var(--palette-ink);padding:13px 20px;background:var(--palette-paper);color:var(--palette-ink);font:800 13px Arial,sans-serif;cursor:pointer}.hero-actions .primary,.primary{background:var(--palette-coral);border-color:var(--palette-coral);color:#fff}.hero-actions button:hover,.hero-actions button:focus-visible,.primary:hover,.primary:focus-visible{transform:translateY(-1px);box-shadow:0 8px 20px #173f3a20}.hero-note{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--palette-line);border:1px solid var(--palette-line)}.hero-note>*{padding:17px;background:#fffefa;color:var(--palette-muted);font-size:12px}.hero-note strong{color:var(--palette-ink)}
.palette-app{padding:52px 5vw 76px;background:#edf4f1}.filter-panel{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:40px;align-items:end;max-width:1440px;margin:auto}.filter-panel h2,.library-heading h2,.palette-how h2{margin:7px 0 0;color:var(--palette-ink);font:400 clamp(29px,3vw,42px)/1.08 Georgia,serif}.filters{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr)) auto;gap:10px;align-items:end}.filters label,.preview-topline label,.project-notes label{display:grid;gap:7px;color:var(--palette-ink);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.filters select,.preview-topline select,.project-notes textarea{width:100%;min-height:43px;padding:10px;border:1px solid var(--palette-line);background:#fffefa;color:var(--palette-ink);font:13px Arial,sans-serif}.filters button{min-height:43px;border:1px solid var(--palette-line);background:transparent;color:var(--palette-ink);font-weight:800;cursor:pointer}.status{max-width:1440px;margin:30px auto;padding:22px;background:#fffefa;border:1px solid var(--palette-line);color:var(--palette-muted)}.explorer{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:22px;max-width:1440px;margin:34px auto 0}.preview-panel,.palette-detail{background:var(--palette-paper);border:1px solid var(--palette-line);box-shadow:var(--palette-shadow)}.preview-panel{padding:22px}.preview-topline{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:16px}.preview-topline>span{color:var(--palette-muted);font-size:11px;font-weight:800}.preview-topline label{min-width:190px}.quilt-stage{position:relative;display:grid;place-items:center;aspect-ratio:1;background:#e8dfd1;padding:24px;overflow:hidden}.quilt-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff1 1px,transparent 1px),linear-gradient(#fff1 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.quilt-stage canvas{position:relative;z-index:1;display:block;width:100%;height:100%;background:#fff;box-shadow:0 10px 26px #173f3a2d;cursor:crosshair}.canvas-loading{position:absolute;z-index:2;padding:12px 18px;background:#fffefaeb;color:var(--palette-ink);font-weight:800}.canvas-help{margin:13px 0;color:var(--palette-muted);font-size:12px;line-height:1.5}.studio-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.studio-controls button,.detail-actions button{min-height:43px;padding:9px;border:1px solid var(--palette-line);background:#fff;color:var(--palette-ink);font-weight:800;cursor:pointer}.studio-controls button[aria-pressed=true]{background:#e9f4f1;outline:2px solid var(--palette-teal)}.studio-controls button:disabled{opacity:.45;cursor:not-allowed}.palette-detail{padding:30px}.detail-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.detail-heading h2{margin:6px 0 0;color:var(--palette-ink);font:400 clamp(34px,4vw,54px)/1 Georgia,serif}.heart{width:48px;height:48px;border:1px solid var(--palette-line);border-radius:50%;background:#fff;color:var(--palette-coral);font-size:25px;cursor:pointer}.heart[aria-pressed=true]{background:#fff0ec}.palette-description{margin:20px 0 8px;color:#42544f;font:17px/1.6 Georgia,serif}.palette-suggestion{margin:0 0 22px;padding-left:14px;border-left:3px solid var(--palette-gold);color:var(--palette-muted);font-size:12px;line-height:1.5}.swatches{display:grid;gap:8px}.swatch{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:11px;align-items:center;padding:8px;border:1px solid var(--palette-line);background:#fff}.swatch.active{outline:3px solid var(--palette-teal);outline-offset:-3px}.swatch.swap-selected{outline:3px solid var(--palette-gold);outline-offset:-3px}.swatch-color{position:relative;width:50px;height:50px;border:1px solid #9d9a91;overflow:hidden}.swatch-color input{position:absolute;inset:-8px;width:70px;height:70px;cursor:pointer;opacity:0}.swatch button{border:0;background:transparent;color:var(--palette-ink);text-align:left;cursor:pointer}.swatch b,.swatch small{display:block}.swatch b{font:700 13px Arial,sans-serif}.swatch small{margin-top:4px;color:var(--palette-muted);font-size:11px;text-transform:uppercase}.contrast-card{margin-top:20px;padding:16px;background:#eaf4ed;border-left:4px solid #4d8464}.contrast-card.warning{background:#fff4df;border-left-color:#cf8a2b}.contrast-card>div{display:flex;gap:13px}.contrast-card>div>span{font-size:24px}.contrast-card strong{color:var(--palette-ink);font-size:13px}.contrast-card p{margin:5px 0 0;color:#53635e;font-size:11px;line-height:1.5}.contrast-card>button{margin-top:10px;padding:0;border:0;background:transparent;color:var(--palette-ink);font-size:11px;font-weight:800;text-decoration:underline;cursor:pointer}.project-notes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.project-notes textarea{min-height:70px;resize:vertical;text-transform:none;letter-spacing:normal;line-height:1.35}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.detail-actions .primary{background:var(--palette-teal);border-color:var(--palette-teal)}.detail-actions a{grid-column:1/-1;padding-top:7px;color:var(--palette-ink);font-size:12px;font-weight:900}.privacy-note{margin:15px 0 0;color:#74807b;font-size:10px}.palette-browser{max-width:1440px;margin:64px auto 0}.library-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:22px}.library-heading>p{color:var(--palette-muted);font-size:11px;font-weight:800}.palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.palette-card{position:relative;padding:12px;background:#fffefa;border:1px solid var(--palette-line);transition:transform .18s,box-shadow .18s}.palette-card:hover{transform:translateY(-3px);box-shadow:var(--palette-shadow)}.palette-card.selected{outline:3px solid var(--palette-teal)}.palette-card button.palette-open{width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.mini-quilt{display:grid;grid-template-columns:repeat(4,1fr);aspect-ratio:1;overflow:hidden;border:1px solid #cfc4b4;background:#f6f0e6}.mini-quilt span{clip-path:polygon(0 0,100% 0,100% 100%);transform-origin:center}.mini-quilt span:nth-child(3n){clip-path:polygon(0 0,100% 50%,0 100%)}.mini-quilt span:nth-child(4n){clip-path:polygon(50% 0,100% 100%,0 100%)}.palette-card-content{padding:14px 4px 5px}.palette-card h3{margin:6px 0;color:var(--palette-ink);font:400 22px Georgia,serif}.palette-card p{margin:0;color:var(--palette-muted);font-size:11px;line-height:1.45}.palette-strip{display:flex;height:19px;margin-top:13px;border:1px solid #d4cabb}.palette-strip i{flex:1}.card-favorite{position:absolute;top:20px;right:20px;width:34px;height:34px;border:1px solid #fff9;border-radius:50%;background:#fffc;color:var(--palette-coral);font-size:18px;cursor:pointer}.card-favorite[aria-pressed=true]{background:#fff0ec}.empty-state{padding:44px;text-align:center;background:#fffefa;border:1px solid var(--palette-line)}.empty-state h3{margin:0;color:var(--palette-ink);font:30px Georgia,serif}.empty-state p{color:var(--palette-muted)}.palette-how{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:70px 5vw;background:#173f3a;color:#fff}.palette-how .eyebrow{color:#f1b45b}.palette-how h2{color:#fff}.palette-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none}.palette-how li{padding:22px;border:1px solid #ffffff2b}.palette-how li strong{display:block;margin-bottom:25px;color:#f1b45b;font:34px Georgia,serif}.palette-how li span{font-size:13px;line-height:1.6}.toast{position:fixed;right:24px;bottom:24px;z-index:9999;max-width:360px;padding:14px 18px;background:#173f3a;color:#fff;box-shadow:var(--palette-shadow);font-weight:800}
button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #e49d3d;outline-offset:2px}@media(max-width:1150px){.filters{grid-template-columns:repeat(3,1fr)}.palette-grid{grid-template-columns:repeat(3,1fr)}.studio-controls{grid-template-columns:1fr 1fr}}@media(max-width:900px){.palette-hero,.filter-panel,.explorer,.palette-how{grid-template-columns:1fr}.palette-hero{gap:35px}.filters{grid-template-columns:1fr 1fr}.palette-grid{grid-template-columns:1fr 1fr}.palette-how ol{grid-template-columns:1fr 1fr 1fr}.quilt-stage{padding:18px}}@media(max-width:590px){.palette-hero,.palette-app,.palette-how{padding-left:18px;padding-right:18px}.palette-hero h1{font-size:43px}.hero-note,.filters,.project-notes,.detail-actions,.palette-grid,.palette-how ol{grid-template-columns:1fr}.preview-panel,.palette-detail{padding:14px}.preview-topline{align-items:stretch;flex-direction:column}.preview-topline label{min-width:0}.quilt-stage{padding:10px}.studio-controls{grid-template-columns:1fr 1fr}.library-heading{align-items:flex-start;flex-direction:column}.palette-how{gap:35px}.swatch{grid-template-columns:46px 1fr}.swatch-color{width:42px;height:42px}.hero-actions button{width:100%}}@media print{.bqc-sale-bar,.site-header,.palette-hero,.filter-panel,.palette-browser,.palette-how,footer,.status,.studio-controls,.detail-actions,.privacy-note,.contrast-card button,.canvas-help{display:none!important}body,.palette-app{background:#fff!important}.palette-app{padding:0}.explorer{display:grid!important;grid-template-columns:1fr 300px;margin:0;box-shadow:none}.preview-panel,.palette-detail{border:0;box-shadow:none}.quilt-stage{background:#fff;padding:0}.project-notes textarea{border:1px solid #aaa}.heart{display:none}}

/* Original Barn Quilt Central color-story cards */
.feature-color-card{position:relative;isolation:isolate;min-height:570px;padding:54px 48px 38px;overflow:hidden;border:4px double var(--palette-ink);background:linear-gradient(145deg,#fffefa,#f8f1e5);box-shadow:0 14px 28px #173f3a26;text-align:center}.feature-color-card>p{margin:0;color:var(--palette-coral);font-size:10px;font-weight:900;letter-spacing:.24em}.feature-color-card h3{margin:12px 0 6px;color:var(--palette-ink);font:400 clamp(34px,4vw,54px)/1 Georgia,serif}.feature-color-card>span{color:var(--palette-muted);font:italic 14px Georgia,serif}.feature-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:12px;align-items:end;margin:38px 0 30px}.feature-color{display:grid;gap:7px;min-width:0}.feature-color i{display:block;height:190px;border:1px solid #173f3a38;background:var(--card-color);box-shadow:inset 0 0 30px #fff1}.feature-color i:after{content:"";display:block;width:60%;height:12%;margin:15% auto 0;border-radius:50%;background:#fff4;transform:rotate(-9deg)}.feature-color b{overflow:hidden;color:var(--palette-ink);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.feature-color small{color:var(--palette-muted);font-size:9px;letter-spacing:.08em}.feature-color-card blockquote{max-width:540px;margin:0 auto;color:#53635e;font:italic 15px/1.55 Georgia,serif}.feature-color-card footer{display:flex!important;justify-content:space-between;gap:20px;margin-top:34px;padding-top:14px;border-top:1px solid var(--palette-line);color:var(--palette-muted);font-size:8px;letter-spacing:.14em}.feature-color-card footer strong{color:var(--palette-ink)}.card-corner{position:absolute;z-index:-1;width:130px;height:130px;opacity:.15;transform:rotate(45deg)}.card-corner-a{top:-80px;left:-45px;background:var(--palette-coral)}.card-corner-b{right:-48px;bottom:-82px;background:var(--palette-teal)}.studio-controls{grid-template-columns:repeat(3,1fr)}
.mini-color-card{display:grid;grid-template-rows:auto auto 1fr;min-height:230px;padding:24px 18px 18px;border:3px double #918b80;background:linear-gradient(145deg,#fffefa,#f6efe2);text-align:center}.mini-color-card>span{color:var(--palette-coral);font-size:7px;font-weight:900;letter-spacing:.18em}.mini-color-card>strong{align-self:center;margin:18px 0;color:var(--palette-ink);font:400 21px Georgia,serif}.mini-color-card>div{display:flex;min-height:100px;border:1px solid #aaa}.mini-color-card i{flex:1;box-shadow:inset 0 0 12px #fff1}
@media(max-width:900px){.feature-color-card{min-height:520px}}@media(max-width:590px){.feature-color-card{min-height:0;padding:38px 22px 28px}.feature-color-grid{grid-template-columns:repeat(2,1fr);margin-top:28px}.feature-color i{height:120px}.studio-controls{grid-template-columns:1fr}}

/* Scalable palette-library browsing */
.filter-panel{grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr)}.filter-intro{max-width:390px;margin:14px 0 0;color:var(--palette-muted);font-size:12px;line-height:1.55}.filters{grid-template-columns:repeat(4,minmax(115px,1fr))}.library-heading>div>p:not(.eyebrow){max-width:650px;margin:10px 0 0;color:var(--palette-muted);font-size:12px}.palette-group-heading{grid-column:1/-1;display:flex;align-items:center;gap:14px;margin:24px 0 0;padding:15px 18px;border-top:1px solid #b9c9c3;border-bottom:1px solid #b9c9c3;background:#e4eeea}.palette-group-heading:first-child{margin-top:0}.palette-group-heading .family-dot{width:36px;height:36px;border:5px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #a9b6b0}.palette-group-heading div{flex:1}.palette-group-heading p{margin:0;color:var(--palette-coral);font-size:8px;font-weight:900;letter-spacing:.18em}.palette-group-heading h3{margin:3px 0 0;color:var(--palette-ink);font:400 24px Georgia,serif}.palette-group-heading>strong{min-width:34px;padding:7px;border-radius:50%;background:#fff;color:var(--palette-ink);text-align:center;font-size:11px}.bqc-global-header nav a[href="/color-palettes"]{color:#b94735}
@media(max-width:1150px){.filter-panel{grid-template-columns:1fr}.filters{grid-template-columns:repeat(4,1fr)}}@media(max-width:780px){.filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:590px){.filters{grid-template-columns:1fr}.palette-group-heading{margin-top:14px}.palette-group-heading h3{font-size:21px}}

/* Horizontal palette browsing rail */
.palette-browser{margin-top:36px}.library-heading{align-items:end}.rail-actions{display:flex;align-items:end;gap:18px}.rail-actions>p{margin:0;white-space:nowrap}.rail-actions>div{display:flex;gap:7px}.rail-actions button{width:42px;height:42px;border:1px solid var(--palette-line);background:#fffefa;color:var(--palette-ink);font-size:20px;cursor:pointer}.rail-actions button:hover,.rail-actions button:focus-visible{background:var(--palette-ink);color:#fff}.palette-grid{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:4px 4px 20px;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-color:var(--palette-teal) #dbe7e2;scrollbar-width:auto}.palette-grid:focus-visible{outline:3px solid #e49d3d;outline-offset:4px}.palette-card{flex:0 0 290px;scroll-snap-align:start}.mini-color-card{min-height:205px}.palette-group-heading{flex:0 0 175px;align-self:stretch;display:grid;align-content:center;justify-items:center;margin:0;padding:22px;text-align:center;border:1px solid #b9c9c3}.palette-group-heading .family-dot{margin-bottom:8px}.palette-group-heading div{flex:initial}.palette-group-heading>strong{margin-top:14px}.explorer{margin-top:46px}
@media(max-width:780px){.library-heading{align-items:flex-start}.rail-actions{align-items:flex-start;flex-direction:column}.palette-card{flex-basis:260px}.palette-group-heading{flex-basis:145px}}@media(max-width:590px){.rail-actions{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.palette-card{flex-basis:245px}.mini-color-card{min-height:185px}.palette-group-heading{margin:0;flex-basis:130px}.palette-grid{margin-right:-18px;padding-right:18px}}