:root{--ink:#103f3a;--teal:#10867d;--red:#e84d3d;--cream:#fbfaf7;--line:#ddd5ca}*{box-sizing:border-box}body{margin:0;background:#f3f7f5;color:var(--ink);font-family:Arial,sans-serif}.sale{background:#103f3a;color:#fff;text-align:center;padding:10px;font-weight:800}.top{background:#fff;border-bottom:1px solid var(--line);padding:20px 4%;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{font-weight:900;letter-spacing:2px;color:var(--ink);text-decoration:none}.top nav{display:flex;gap:18px;flex-wrap:wrap}.top nav a{color:var(--ink);text-decoration:none;font-weight:700}.top nav .active{color:var(--teal)}.studio{max-width:1220px;margin:38px auto;padding:0 20px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:var(--red)}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:52px;margin:8px 0}.lead{font-size:18px;color:#5d6964}.toolbar{display:grid;grid-template-columns:2fr 1.4fr 1fr auto auto;gap:12px;background:#fff;border:1px solid var(--line);padding:16px;margin:28px 0}.toolbar label,.custom{font-size:11px;font-weight:900;letter-spacing:1px}.toolbar select{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #cfc8bd;background:#fff}.toolbar button,aside button{align-self:end;padding:12px 14px;border:1px solid #cfc8bd;background:#fff;font-weight:800;cursor:pointer}.toolbar .primary{background:var(--teal);color:#fff;border-color:var(--teal)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.board,aside,.help{background:#fff;border:1px solid var(--line);padding:20px}.board canvas{display:block;width:100%;max-width:820px;aspect-ratio:1;margin:auto;background:#fff;border:1px solid #eee}.hint{color:#68736f;font-size:14px}.swatch{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;width:100%;border:1px solid var(--line);background:#fff;padding:8px;margin:8px 0;cursor:pointer;text-align:left}.swatch.active{outline:3px solid var(--teal)}.chip{width:38px;height:38px;border:1px solid #bbb}.swatch small{display:block;color:#68736f}.custom{display:block;margin:20px 0 8px}.custom input{display:block;width:100%;height:44px;margin-top:8px}.current{margin-top:20px;padding:14px;background:#eef7f5}.help{margin-top:20px}@media(max-width:900px){.toolbar{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}h1{font-size:40px}}@media print{.sale,.top,.toolbar,.hint,.help,aside button,.custom{display:none!important}.studio{margin:0}.workspace{grid-template-columns:1fr 260px}.board,aside{border:0}.lead{display:none}}

.sale a{color:#ffd45b}.palette-help{font-size:12px;line-height:1.4;color:#63706b}.swatch{position:relative}.swatch .change{margin-left:auto;border:1px solid #cfc8bd;background:#fff;padding:5px 7px;font-size:11px;font-weight:800;cursor:pointer}.toolbar button.active-tool{outline:3px solid #e84d3d}.export{margin-top:24px;background:#fff;border:1px solid #ddd5ca;padding:24px}.export h2{font:normal 30px Georgia,serif;margin:6px 0 18px}.export-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:12px;align-items:end}.export-grid label{font-size:11px;font-weight:900;letter-spacing:1px}.export-grid select{display:block;width:100%;margin-top:7px;padding:10px}.export-grid .check{display:flex;gap:8px;align-items:center;font-size:13px;letter-spacing:0}.export-grid .check input{width:auto}.export-note{font-size:12px;color:#66726d;margin-bottom:0}@media(max-width:800px){.export-grid{grid-template-columns:1fr}}

/* V24 visual brand color chooser */
.color-picker-overlay{position:fixed;inset:0;background:rgba(8,38,35,.55);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.color-picker{width:min(820px,96vw);max-height:88vh;overflow:hidden;background:#fbfaf7;border:1px solid #d8d0c5;box-shadow:0 20px 60px rgba(0,0,0,.28);padding:22px;display:flex;flex-direction:column}.picker-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.picker-head h2{font-size:30px;margin:5px 0}.picker-head p{margin:0 0 12px;color:#68736f}.picker-close{font-size:30px;line-height:1;border:0;background:transparent;cursor:pointer;color:#103f3a}.picker-search{width:100%;padding:12px 14px;border:1px solid #cfc8bd;background:#fff;font-size:16px;margin-bottom:14px}.picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;overflow:auto;padding:2px}.picker-color{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;text-align:left;border:1px solid #ddd5ca;background:#fff;padding:8px;cursor:pointer;color:#103f3a}.picker-color:hover,.picker-color:focus{outline:3px solid #10867d;outline-offset:-2px}.picker-color i{display:block;width:42px;height:42px;border:1px solid #aaa}.picker-color span b{display:block;font-size:13px}.picker-color small{display:block;margin-top:3px;font-size:11px;color:#68736f}.picker-empty{grid-column:1/-1;padding:20px;text-align:center;color:#68736f}@media(max-width:650px){.picker-grid{grid-template-columns:1fr 1fr}.color-picker{padding:14px}}

/* V28 print refinement: keep Color Plan output to the printable artwork/legend only. */
@media print{
  .bqc-sale-bar,.export,#exportPanel,.help{display:none!important}
}

@media print{body:before{content:'Barn Quilt Central • Custom Color Plan';display:block;text-align:center;font:700 18pt Georgia,serif;margin:0 0 12mm}.workspace{display:grid!important;grid-template-columns:1fr 230px!important;gap:8mm}.swatch .change,.picker-color,.color-picker-overlay{display:none!important}.current{display:block!important}.board canvas{max-width:165mm!important}.studio h1{font-size:26pt!important}.studio{padding:0!important}.bqc-sale-bar,.site-header{display:none!important}}

/* Compact curated-palette rail */
.studio-palette-browser{margin:-10px 0 28px;padding:20px;background:#eaf2ef;border:1px solid #d4e0dc}.studio-palette-heading{display:flex;justify-content:space-between;gap:20px;align-items:end}.studio-palette-heading h2{font-size:30px;margin:5px 0}.studio-palette-heading p{margin:0;color:#5d6964}.studio-palette-tools{display:flex;align-items:center;gap:8px;white-space:nowrap}.studio-palette-tools span{font-size:12px;font-weight:800;color:#5d6964}.studio-palette-tools button{width:40px;height:38px;border:1px solid #c9c1b5;background:#fff;color:var(--ink);font-size:20px;cursor:pointer}.studio-palette-rail{display:flex;gap:12px;margin-top:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 2px 12px;scrollbar-color:#9baea8 transparent}.studio-palette-card{flex:0 0 190px;scroll-snap-align:start;border:1px solid #d4c9b9;background:#fffdf8;padding:11px;text-align:left;color:var(--ink);cursor:pointer}.studio-palette-card:hover,.studio-palette-card:focus{outline:3px solid var(--teal);outline-offset:-3px}.studio-palette-card[aria-pressed="true"]{outline:3px solid var(--red);outline-offset:-3px}.studio-palette-name{display:block;font:20px Georgia,serif;line-height:1.1;margin-bottom:10px}.studio-palette-meta{display:block;font-size:9px;letter-spacing:1px;font-weight:900;text-transform:uppercase;color:#66726d;margin-top:9px}.studio-palette-colors{display:flex;height:42px;border:1px solid #bdb4a7}.studio-palette-colors i{flex:1}.studio-palette-browser[hidden]{display:none}.studio-palette-rail:focus{outline:2px solid var(--teal)}@media(max-width:700px){.studio-palette-heading{align-items:flex-start;flex-direction:column}.studio-palette-tools{width:100%;justify-content:flex-end}.studio-palette-card{flex-basis:165px}.studio-palette-heading h2{font-size:26px}}@media print{.studio-palette-browser{display:none!important}}
.instructor-studio-banner{display:grid;gap:5px;margin:0 0 20px;padding:20px 24px;border-left:6px solid #e3ad3a;background:#173e39;color:#fff}.instructor-studio-banner p{margin:0;color:#8ed8d1;font:800 11px Arial,sans-serif;letter-spacing:.15em}.instructor-studio-banner strong{font:700 27px Georgia,serif}.instructor-studio-banner span{color:#e5efec;line-height:1.45}.instructor-pattern-picker{margin:0 0 28px;padding:18px 20px 14px;border:1px solid #c9d7d2;background:#f3f7f5}.instructor-pattern-picker-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:13px;color:#173e39}.instructor-pattern-picker-heading span{font:800 11px Arial,sans-serif;letter-spacing:.14em}.instructor-pattern-picker-heading strong{font-size:13px}.instructor-pattern-rail{display:flex;gap:10px;padding:2px 2px 10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:#087f80 #dce6e2}.instructor-pattern-thumb{flex:0 0 128px;display:grid;gap:3px;padding:7px;background:#fff;border:2px solid #c2cfca;color:#173e39;text-align:left;cursor:pointer;scroll-snap-align:start}.instructor-pattern-thumb:hover,.instructor-pattern-thumb:focus-visible,.instructor-pattern-thumb.is-selected{border-color:#087f80;box-shadow:0 0 0 2px rgba(8,127,128,.14)}.instructor-pattern-thumb img{width:100%;height:auto;aspect-ratio:1;border:1px solid #68756f}.instructor-pattern-thumb span{overflow:hidden;font:700 14px Georgia,serif;white-space:nowrap;text-overflow:ellipsis}.instructor-pattern-thumb small{color:#67736f}.instructor-color-studio .toolbar label:has(#catalog),.instructor-color-studio .toolbar label:has(#pattern),.instructor-color-studio:not(.instructor-full-palette) .studio-palette-browser{display:none}.instructor-color-studio.instructor-full-palette .studio-palette-browser{display:block}.instructor-color-studio .lead::after{content:' Your choices are limited to the patterns and colors selected by your instructor.';font-weight:700}@media(max-width:680px){.instructor-pattern-picker{padding-inline:12px}.instructor-pattern-picker-heading{display:grid}.instructor-pattern-thumb{flex-basis:112px}}
.instructor-studio-banner .instructor-contact{font-weight:700}.instructor-studio-banner a{color:#fff;text-underline-offset:3px}.instructor-studio-disclaimer{display:grid;gap:5px;margin-top:24px;padding:18px 20px;border-left:5px solid #e3ad3a;background:#fff;color:#52635e;font-size:13px;line-height:1.55}.instructor-studio-disclaimer strong{color:#173e39;font-size:14px}.instructor-studio-disclaimer span{display:block}
.instructor-color-studio .bqc-legal-notice{display:none}
@media(min-width:901px){.instructor-color-studio .toolbar{grid-template-columns:minmax(150px,220px) repeat(5,max-content);justify-content:start;width:fit-content;max-width:100%;gap:9px;margin:20px 0;padding:12px}.instructor-color-studio .toolbar select{margin-top:5px;padding:9px}.instructor-color-studio .toolbar button{padding:10px 12px}}
@media(min-width:901px){.instructor-color-studio .studio{padding-top:22px}.instructor-color-studio .instructor-studio-banner{grid-template-columns:auto 1fr;column-gap:18px;align-items:center;margin-bottom:14px;padding:12px 18px}.instructor-color-studio .instructor-studio-banner p{grid-column:1}.instructor-color-studio .instructor-studio-banner strong{grid-column:1;font-size:23px}.instructor-color-studio .instructor-studio-banner span{grid-column:2}.instructor-color-studio .instructor-pattern-picker{margin-bottom:18px;padding:12px 15px 9px}.instructor-color-studio .instructor-pattern-picker-heading{margin-bottom:8px}.instructor-color-studio .instructor-pattern-thumb{flex-basis:104px;padding:5px}.instructor-color-studio .instructor-pattern-thumb span{font-size:13px}.instructor-color-studio .toolbar{margin:12px 0}.instructor-color-studio .studio-palette-browser{margin-bottom:18px;padding:15px}.instructor-color-studio .workspace{gap:20px}.instructor-color-studio .board{padding:16px}.instructor-color-studio .colors{padding:16px}}
.palette-edit-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.palette-edit-actions button{flex:1;padding:11px 8px;border:1px solid #cfc5b8;background:#fff;color:#173e39;font:700 14px Arial,sans-serif;cursor:pointer}
.palette-edit-actions button.active-tool{background:#173e39;color:#fff;border-color:#173e39}
.studio-export-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:20px 0 30px;padding:16px;border:1px solid #d9d3ca}
.studio-export-actions button{min-width:210px;padding:14px 24px;border:0;background:#006b70;color:#fff;font:800 15px Arial,sans-serif;cursor:pointer}
.studio .toolbar{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.7fr) auto}
@media(max-width:700px){.studio .toolbar{grid-template-columns:1fr 1fr}.studio-export-actions button{width:100%;min-width:0}}
@media print{.palette-edit-actions,.studio-export-actions{display:none!important}}
.project-planner{display:grid;grid-template-columns:minmax(0,1fr) 260px auto;gap:18px;align-items:end;margin:26px 0 12px;padding:24px;border:2px solid #0d8e83;background:#eef7f5}.project-planner h2{margin:6px 0 8px;font-size:clamp(24px,3vw,34px)}.project-planner p{margin:0;color:#52635e;line-height:1.5}.project-planner label{font-size:11px;font-weight:900;letter-spacing:1px}.project-planner select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #aebdb8;background:#fff;color:#173e39}.project-planner button{min-height:45px;padding:12px 18px;border:0;background:#173e39;color:#fff;font-weight:800;cursor:pointer}.project-planner #projectPlannerStatus{grid-column:1/-1;font-weight:700;color:#173e39}@media(max-width:840px){.project-planner{grid-template-columns:1fr}.project-planner #projectPlannerStatus{grid-column:1}}@media print{.project-planner{display:none!important}}

/* V90 project designer controls */
.design-controls{margin:26px 0;padding:24px;border:1px solid #c9d7d2;background:#fff}.design-controls-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.design-controls-head h2{margin:5px 0 6px;font-size:clamp(26px,3vw,36px)}.design-controls-head p{margin:0;color:#5d6964}.design-controls-head button,.paint-map-actions button{padding:12px 16px;border:0;background:#173e39;color:#fff;font-weight:800;cursor:pointer}.design-controls-head button[aria-pressed="true"]{background:#0d8e83}.design-control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.design-control-grid label{font-size:11px;font-weight:900;letter-spacing:1px}.design-control-grid input{display:block;width:100%;min-height:44px;margin-top:7px;padding:8px;border:1px solid #cfc8bd;background:#fff}.design-control-grid input[type="color"]{padding:4px}.measurement-summary{margin-top:14px;padding:12px 14px;background:#eef7f5;color:#173e39;font-weight:700;line-height:1.5}.paint-map-actions{display:flex;gap:14px;align-items:center;margin-top:16px}.paint-map-actions span{color:#5d6964;font-size:13px}.board{position:relative}.board .measurement-overlay{position:absolute;inset:20px;pointer-events:none}.paint-map-sheet{break-after:page;page-break-after:always;text-align:center;font-family:Arial,sans-serif}.paint-map-sheet img{max-width:7.25in;max-height:7.25in}.paint-map-sheet h1{font-family:Georgia,serif}@media(max-width:800px){.design-controls-head{align-items:stretch;flex-direction:column}.design-control-grid{grid-template-columns:1fr 1fr}.paint-map-actions{align-items:stretch;flex-direction:column}}@media(max-width:480px){.design-control-grid{grid-template-columns:1fr}}@media print{.design-controls{display:none!important}}