.studio{display:block;padding:0;background:#f6f5f0;color:#28352e}.studio .bottom-bar{display:none}.studio-header{position:sticky;top:0;background:#f6f5f0f5;border-bottom:1px solid #d9ddd3;backdrop-filter:blur(14px);z-index:20;padding:21px 4.5%;height:auto;gap:24px}.studio-header nav{gap:28px}.studio-header nav button{padding:10px 0;font-size:13px;min-height:44px}.studio-header nav button.active{border-bottom:2px solid #31473a}.studio-header button:disabled{opacity:.35}.studio #main{max-width:1440px;padding:0 5% 80px;margin:auto}.studio button,.studio input,.studio select{font-family:inherit}.studio .dark{background:#314b3a;border-color:#314b3a;color:#fff;padding:16px 22px;border-radius:4px}.studio .light{background:transparent;border-color:#bcc6b9;border-radius:4px;padding:14px 20px}.studio .plain{min-height:44px}.studio button:focus-visible,.studio a:focus-visible,.studio summary:focus-visible{outline:3px solid #a87936;outline-offset:4px}.studio-heading{padding:58px 0 34px;max-width:850px}.studio-heading h1{font:normal clamp(38px,4.3vw,65px)/1.06 Georgia,serif;letter-spacing:-1.8px;margin:16px 0 22px}.studio-heading>p{max-width:650px;font-size:16px;line-height:1.65;color:#596459}.studio .micro{font-size:10px;letter-spacing:1.5px}.studio-brief{background:#fffefa;border:1px solid #dedfd6;border-radius:8px;padding:12px 36px}.brief-block{display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px;padding:35px 0;border-bottom:1px solid #e0e2da}.brief-label>span{color:#7c896f;font-size:13px}.brief-label h2{font:30px/1.2 Georgia;margin:12px 0}.brief-label p,.brief-submit p{font-size:13px;line-height:1.7;color:#657060}.brief-fields{max-width:720px}.studio label:not(.check):not(.studio-mood){display:block;font-size:13px;color:#455142}.studio input:not([type=radio]):not([type=checkbox]),.studio select{width:100%;padding:12px;border:1px solid #c4cdbf;border-radius:4px;background:#fffefa;font-size:16px;color:#28352e;margin-top:8px;margin-bottom:16px;min-height:47px}.studio input[type=number]{appearance:auto}.studio .two{gap:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.studio-budget-chips{display:flex;gap:8px;margin-bottom:25px;margin-top:-5px}.studio-budget-chips button{border:1px solid #cbd3c4;border-radius:30px;padding:8px 18px;background:#f3f5ee;min-height:40px}.studio-moods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studio-mood{display:block;position:relative;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#f4f4ed;cursor:pointer}.studio-mood:has(input:checked){border-color:#314b3a;background:#e9ede1}.studio-mood>input{position:absolute;left:10px;top:10px;accent-color:#314b3a;width:18px;height:18px}.studio-mood img{width:100%;height:150px;object-fit:cover;display:block}.studio-mood>span{display:block;padding:14px 10px}.studio-mood strong{display:block;font:18px Georgia}.studio-mood small{display:block;margin-top:8px;font-size:11px;line-height:1.5;color:#586553}.studio .field-help{font-size:12px;line-height:1.6;color:#66715e;margin:10px 0 20px}.studio-retained{border:0;padding:0;margin:8px 0 20px;display:flex;flex-wrap:wrap;gap:0 22px}.studio-retained legend{font-size:13px;margin-bottom:8px}.studio .check{font-size:13px;line-height:1.6;min-height:42px;margin:0;display:flex;align-items:center;gap:10px}.studio .check input{accent-color:#314b3a}.studio details>summary{cursor:pointer;font-size:13px;padding:12px 0;line-height:1.6}.studio details p{font-size:13px;line-height:1.7;color:#5c6759}.brief-submit{display:flex;justify-content:space-between;align-items:center;padding:25px 0;gap:30px}.brief-submit>div{display:flex;gap:18px;align-items:center}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}.studio-board{background:#eeeee5;border:1px solid #dddfd4;border-radius:7px;padding:22px}.studio-board-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.studio .finish-board{height:340px;border-radius:4px;overflow:hidden}.studio .finish-piece>div{padding:12px;background:#fffef9ed;color:#263329}.studio .finish-piece>div strong{font-family:Georgia;font-size:18px}.studio .finish-piece>div small,.studio .finish-piece>div span{font-size:10px;line-height:1.5}.studio .finish-fittings{margin-top:14px;gap:10px}.studio .finish-fittings>div{background:#fffefa;border:0;border-radius:4px;padding:10px;gap:10px}.studio .finish-fittings img{width:54px;height:62px;object-fit:contain}.studio .finish-fittings strong{font-size:11px}.studio .finish-fittings small{font-size:10px}.studio-caption{font-size:11px;color:#626f5c;line-height:1.65;margin:16px 0 0}.studio-receipt{position:sticky;top:105px;background:#e9eddf;border:1px solid #d9dfd0;border-radius:7px;padding:25px}.studio-range{display:block;font:34px/1.2 Georgia;letter-spacing:-1px;margin:16px 0}.studio-receipt>p{font-size:12px;line-height:1.7;color:#596654}.studio-budget-status{border-top:1px solid #cdd6c4;border-bottom:1px solid #cdd6c4;margin:22px 0;padding:17px 0;font-size:13px}.studio-budget-status p{font-size:13px;line-height:1.6;margin:8px 0 0}.studio-budget-status.caution{color:#765726}.studio-receipt>.dark{width:100%;margin:12px 0}.studio-assumptions{line-height:1.8!important}.studio-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:25px 0 52px}.studio-reasons span{font-size:10px;letter-spacing:1px;color:#66785d}.studio-reasons p{font-size:12px;line-height:1.7;margin-top:10px;color:#586553}.studio-selection-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.studio-selection-heading h2{font:34px/1.15 Georgia;margin:12px 0 25px}.studio-groups{display:flex;gap:25px;border-bottom:1px solid #cdd4c7;margin-bottom:23px}.studio-groups button{border:0;border-bottom:2px solid transparent;background:none;padding:16px 0;font-size:14px;color:#677260}.studio-groups button[aria-pressed=true]{border-color:#314b3a;color:#28352e}.studio-groups span{font-size:10px;border-radius:20px;background:#e4e9da;padding:3px 6px;margin-left:8px}.studio-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.studio-choice{background:#fffefa;border:1px solid #dcdfd3;border-radius:5px;overflow:hidden;display:grid;grid-template-columns:125px minmax(0,1fr);min-height:182px}.studio-choice-photo{border:0;background:#eeeee5;padding:0}.studio-choice-photo img{width:100%;height:100%;max-height:210px;object-fit:contain;display:block}.studio-choice>div{padding:18px 15px}.studio-choice h3{font:20px/1.2 Georgia;margin:10px 0}.studio-choice p{font-size:11px;line-height:1.7;color:#65705d}.studio-choice .plain{font-size:12px;padding:8px 0}.studio-next{margin-top:30px;border-top:1px solid #d6dccd;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.studio-next p{font-size:11px;line-height:1.8;color:#697761}.studio-fit{padding:15px;background:#f4ecd8;border-radius:4px;margin-top:15px;font-size:13px;line-height:1.6}.studio-fit p{font-size:12px}.studio-undo{position:fixed;bottom:18px;left:5%;background:#fffefa;border:1px solid #c7cfbf;box-shadow:0 5px 20px #26332915;padding:10px 22px;border-radius:30px;z-index:22}.studio-cost-lead{background:#e9eddf;border-radius:6px;padding:28px}.studio-cost-lead>strong{font:42px Georgia}.studio-cost-lead p{font-size:13px;line-height:1.7}.studio-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0 45px}.studio-evidence span{font-size:11px;color:#66765d}.studio-evidence strong{display:block;font:23px Georgia;color:#2c3a2f;margin-bottom:7px}.studio-cost-title{font:29px Georgia;margin:30px 0 22px}.studio-ledger{border-top:1px solid #d6dccd}.studio-ledger>details{border-bottom:1px solid #d6dccd}.studio-ledger>details>summary{list-style:none;display:flex;align-items:center;gap:20px;padding:19px 0}.studio-ledger summary>span{flex:1}.studio-ledger summary strong{display:block;font-size:13px}.studio-ledger summary small{display:block;font-size:11px;color:#64715b;margin-top:5px}.studio-ledger summary>b{font-size:15px;font-weight:500}.studio-ledger summary>i{font-style:normal;font-size:20px}.studio-ledger details[open] summary>i{transform:rotate(45deg)}.studio-ledger-detail{background:#fffefa;padding:22px;border-radius:4px;margin-bottom:15px}.studio-ledger-detail h3{font:20px Georgia;margin-top:20px}.studio-ledger-detail ul{padding-left:17px;font-size:12px;line-height:1.8;color:#5b6854}.studio-ledger-detail a{font-size:12px}.studio-ledger-detail>.plain{margin-left:25px}.studio-work{border-top:1px solid #d6dccd}.studio .cost-line{font-size:13px;padding:14px 0;line-height:1.5}.studio-exclusions,.studio-advanced{margin-top:20px;border:1px solid #d6dccd;padding:5px 18px;border-radius:5px}.studio-handoff{position:sticky;top:105px;padding:28px;background:#fffefa;border:1px solid #d6dccd;border-radius:6px}.studio-handoff h2{font:33px Georgia;margin:18px 0}.studio-handoff h3{font:22px Georgia}.studio-handoff>p{font-size:13px;line-height:1.8;color:#617057}.studio-handoff>.dark,.studio-handoff>.light{width:100%;margin-top:12px}.studio-handoff textarea{width:100%;min-height:300px;font:12px/1.6 monospace;background:#f6f5f0;border:1px solid #d6dccd;padding:12px}.studio-handoff hr{border:0;border-top:1px solid #d6dccd;margin:22px 0}.studio-back{margin-top:25px}.studio dialog{border-radius:8px}.studio #picker-dialog{max-width:1120px}.studio .picker-heading h2{font-size:40px}.studio .picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio .picker-info .browse-total{display:none}.studio .picker-delta{font-size:14px}.studio .picker-delta small{font-size:10px}.studio .choice-compare-toggle{font-size:11px}.studio #path-dialog .path-nav,.studio #path-dialog .path-head .micro{display:none}.studio #path-dialog .path-head{position:static}.studio #path-dialog .path-body{padding-top:20px}
@media(max-width:1050px){.studio-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.studio-range{font-size:29px}.studio-choices{grid-template-columns:1fr}.brief-block{grid-template-columns:220px minmax(0,1fr);gap:30px}.studio-header{gap:15px}.studio-header nav{gap:15px}.studio-header .wordmark{font-size:17px}.studio .finish-fittings strong{font-size:10px}.studio .finish-fittings>div{flex-direction:column;align-items:start}.studio .finish-board{height:310px}.studio .finish-piece>div strong{font-size:15px}}
@media(max-width:760px){.studio-header{display:flex;flex-wrap:wrap;padding:16px 5% 0;gap:12px;position:relative}.studio-header>.plain{margin-left:auto;font-size:11px}.studio-header nav{order:3;width:100%;justify-content:space-between;gap:12px;overflow:visible}.studio-header nav button{font-size:12px;flex:1;white-space:nowrap}.studio #main{padding:0 5% 75px}.studio-heading{padding:34px 0 24px}.studio-heading h1{font-size:41px;letter-spacing:-1px}.studio-heading>p{font-size:14px}.studio-brief{padding:0 19px}.brief-block{grid-template-columns:1fr;gap:18px;padding:25px 0}.brief-label h2{font-size:28px;margin:8px 0}.brief-label p{margin-bottom:0}.studio-moods{gap:7px}.studio-mood img{height:110px}.studio-mood>span{padding:11px 7px}.studio-mood strong{font-size:15px}.studio-mood small{font-size:10px}.studio .two{gap:12px}.studio-budget-chips{gap:6px}.studio-budget-chips button{padding:8px 13px}.brief-submit{align-items:stretch;flex-direction:column;gap:10px}.brief-submit>div{flex-direction:column-reverse;align-items:stretch}.brief-submit>.dark{width:100%}.studio-layout{display:flex;flex-direction:column;gap:28px}.studio-layout>section{width:100%;min-width:0}.studio-receipt{position:static;width:100%;order:-1;padding:22px}.studio-range{font-size:35px;margin:12px 0}.studio-receipt .studio-budget-status{margin:13px 0;padding:12px 0}.studio-receipt>.studio-assumptions{display:none}.studio-receipt>.dark{margin:8px 0}.studio-board{padding:14px}.studio-board-top{gap:10px}.studio-board-top .micro{font-size:9px}.studio-board-top .plain{font-size:11px}.studio .finish-board{height:290px}.studio .finish-piece>div{padding:9px}.studio .finish-piece>div strong{font-size:14px}.studio .finish-fittings{gap:6px}.studio .finish-fittings>div{padding:8px}.studio .finish-fittings img{width:42px;height:48px}.studio-reasons{gap:18px;margin-bottom:35px;grid-template-columns:1fr}.studio-reasons>div{display:grid;grid-template-columns:95px 1fr;gap:15px}.studio-reasons p{margin:0;font-size:12px}.studio-reasons span{line-height:1.7}.studio-selection-heading{display:block}.studio-selection-heading h2{font-size:32px;margin-bottom:8px}.studio-selection-heading>.plain{font-size:12px}.studio-groups{gap:18px;margin-top:12px}.studio-groups button{font-size:13px}.studio-groups span{margin-left:5px}.studio-choice{grid-template-columns:110px minmax(0,1fr);min-height:170px}.studio-choice h3{font-size:21px}.studio-next{display:block}.studio-next .light{width:100%}.studio-handoff{position:static;width:100%}.studio-evidence{gap:15px}.studio-evidence strong{font-size:23px}.studio .picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio .picker-heading h2{font-size:32px}.studio .picker-info{padding:12px}.studio .picker-info h3{font-size:20px}.studio .browse-price-row{display:block}.studio .picker-delta{text-align:left;margin-top:8px}.studio .picker-actions{display:flex;flex-direction:column}.studio .picker-actions>button{width:100%}.studio .browse-compare-bar{gap:10px}.studio .studio-undo{max-width:90%;font-size:12px}.studio-cost-lead{padding:23px}.studio-cost-lead>strong{font-size:33px}.studio-ledger-detail .two{grid-template-columns:1fr}.studio-cost-title{font-size:26px}}
@media(prefers-reduced-motion:reduce){.studio *{scroll-behavior:auto!important;transition:none!important}}
.studio-option-scope{background:#e9eddf;border-radius:5px;padding:22px 26px;margin-bottom:26px}.studio-option-scope strong{font-size:15px}.studio-option-scope p{font-size:13px}.studio-option-scope small{font-size:11px;color:#617057;line-height:1.7}.studio-options{display:grid;grid-template-columns:repeat(var(--plans),minmax(0,1fr));gap:20px;max-width:1200px}.studio-option{padding:25px;background:#fffefa;border:1px solid #d2d9c9;border-radius:6px;display:flex;flex-direction:column}.studio-option.preferred{border:2px solid #496043;padding:24px}.studio-option>.micro{min-height:25px}.studio-option h2{font:28px/1.2 Georgia;margin:8px 0 22px}.studio-option-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.studio-option-board img{width:100%;height:130px;object-fit:cover;border-radius:3px}.studio-option-board small{display:block;font-size:10px;margin:7px 0 15px}.studio-option-range{font:30px Georgia;letter-spacing:-.5px;margin-top:8px}.studio-option-budget{font-size:12px;line-height:1.7;min-height:42px}.studio-option-change{font-size:12px;padding:14px 0;border-top:1px solid #dbe1d4;border-bottom:1px solid #dbe1d4}.studio-option ul{padding:0;list-style:none;flex:1}.studio-option li{font-size:12px;line-height:1.5;margin-bottom:13px}.studio-option li small{font-size:10px;display:block;color:#6b795f;margin-bottom:4px}.studio-option>.dark{font-size:12px}.studio-option-note{font-size:12px;color:#627159;line-height:1.8;margin-top:25px;max-width:850px}.studio-picker-context{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 28px}.studio-picker-context span{font-size:12px}.studio-picker-context strong{display:block;font:23px Georgia;margin-top:5px}.studio-shortlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.studio-shortlist article{background:#fffefa;border:1px solid #d9dfd1;border-radius:5px;overflow:hidden}.studio-shortlist article>img{width:100%;height:200px;object-fit:contain;background:#f0f0e8}.studio-shortlist article>div{padding:18px}.studio-shortlist h3{font:24px Georgia;margin:13px 0;min-height:54px}.studio-shortlist p{font-size:12px;line-height:1.7}.studio-shortlist strong{display:block;font-size:16px;font-weight:500;margin:14px 0 8px}.studio-shortlist small{display:block;font-size:11px;color:#56664d}.studio-shortlist button{width:100%;font-size:12px}.studio-shortlist .plain{margin-top:5px}.studio-shortlist .field-help{min-height:38px;margin:12px 0}.studio .studio-option .field-help{font-size:11px}
@media(max-width:900px){.studio-options{grid-template-columns:1fr}.studio-option-board img{height:180px}.studio-option{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.studio-option>.micro,.studio-option>h2,.studio-option>.dark{grid-column:1/-1}.studio-option-board{grid-column:1/-1}.studio-option ul{grid-row:6/span 2;grid-column:1/-1}.studio-option-range{font-size:30px}.studio-option-budget{margin-top:8px}.studio-option>.field-help{grid-column:1/-1}.studio-shortlist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.studio-option{display:flex;padding:22px}.studio-option-board img{height:115px}.studio-option.preferred{padding:21px}.studio-option-range{font-size:32px}.studio-option h2{font-size:28px}.studio-picker-context{align-items:start;flex-direction:column;gap:12px}.studio-picker-context>.light{width:100%}.studio-shortlist{gap:10px}.studio-shortlist article>img{height:145px}.studio-shortlist article>div{padding:12px}.studio-shortlist h3{font-size:19px;min-height:48px}.studio-shortlist .micro{font-size:9px}.studio-shortlist p{font-size:11px}.studio-shortlist .dark,.studio-shortlist .light{padding:13px 8px}.studio-shortlist .plain{font-size:11px}.studio-shortlist small{font-size:10px}}
.studio-quantities{border:1px solid #d6dccd;padding:6px 18px;border-radius:5px;margin-bottom:25px}.studio-quantities>p{font-size:13px;line-height:1.7}.studio-quantities form{margin-top:20px}
@media(max-width:760px){.studio-receipt{padding:18px}.studio-receipt .studio-range{font-size:30px;margin:10px 0}.studio-receipt>p{margin:7px 0}.studio-receipt .studio-budget-status{border-bottom:0;margin:10px 0 0;padding:10px 0 0}.studio-receipt .studio-budget-status p{font-size:12px;margin:5px 0}.studio-receipt>.dark{padding:10px 16px}.studio-receipt details>summary{padding:7px 0;font-size:12px}}
/* Complete compact examples: one changing image, one readable cost story. */
.studio .micro{font-size:12px;letter-spacing:1.4px}.studio .field-help,.studio-caption,.studio-save-note{font-size:13px}.studio label:not(.check):not(.studio-mood),.studio details>summary,.studio .check{font-size:14px}.studio details p{font-size:14px}.compact-intro{display:flex;align-items:end;justify-content:space-between;gap:45px;padding:45px 0 28px}.compact-intro h1{font:normal clamp(38px,4.6vw,66px)/1.04 Georgia;letter-spacing:-1.8px;margin:18px 0}.compact-intro p{font-size:16px;line-height:1.65;max-width:610px;color:#5b665a}.compact-start{flex-shrink:0;padding-bottom:5px}.compact-start p{font-size:13px;line-height:1.6}.compact-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d7ddcf;padding:20px 0}.compact-tabs{display:flex;gap:7px;flex-wrap:wrap}.compact-tabs button{display:flex;align-items:center;gap:10px;border:1px solid #c9d2c2;padding:13px 20px;background:transparent;border-radius:40px;font-size:15px;min-height:48px}.compact-tabs button[aria-pressed=true]{background:#314b3a;color:white;border-color:#314b3a}.compact-dot{width:18px;height:18px;border-radius:50%;background:#eeeae0;border:1px solid #0002}.compact-dot.warm-oak{background:#b49369}.compact-dot.soft-green{background:#b4c0ab}.compact-controls>label{display:flex!important;align-items:center;gap:12px;white-space:nowrap}.studio .compact-controls select{width:120px;margin:0}.compact-showcase{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.85fr);gap:36px;align-items:start}.compact-figure{margin:0;background:#e5e1d6;border-radius:6px;overflow:hidden}.compact-figure img{width:100%;height:auto;display:block;aspect-ratio:1312/1200;object-fit:cover}.compact-figure figcaption{font-size:12px;line-height:1.6;padding:12px 16px;color:#4e594c;background:#eeeee5}.compact-figure figcaption span{font-size:11px;letter-spacing:1px;border:1px solid #afb9a5;padding:3px 5px;margin-right:6px;white-space:nowrap}.compact-under-image{display:flex;justify-content:space-between;gap:15px;font-size:13px;padding:16px 0;color:#5b6655}.compact-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:4px}.compact-swatches button{text-align:left;display:block;background:transparent;border:0;padding:0}.compact-swatches img{width:100%;height:92px;object-fit:cover;display:block;border-radius:4px}.compact-swatches span{display:block;font-size:14px;margin-top:9px;line-height:1.45}.compact-swatches small{display:block;color:#6b745f;font-size:12px;margin-top:5px}.compact-summary{padding:25px 26px;background:#fffefa;border:1px solid #d6ddcd;border-radius:6px}.compact-summary h2{font:42px/1.1 Georgia;margin:16px 0}.compact-story{font-size:16px;line-height:1.65;color:#5a6655}.compact-price{font:clamp(30px,2.8vw,41px) Georgia;letter-spacing:-1px;display:block;margin-top:23px}.compact-price-note{font-size:13px;line-height:1.6;color:#5a6655}.compact-budget-result{border-top:1px solid #d9dfd1;margin-top:20px;padding:18px 0 6px}.compact-budget-result strong{font-size:15px}.compact-budget-result p{font-size:13px;line-height:1.6}.compact-budget-result.caution strong{color:#855826}.compact-summary>.dark{width:100%;font-size:15px}.compact-save-note{font-size:12px;line-height:1.6;color:#617059}.compact-cost-preview{border-top:1px solid #d9dfd1;margin-top:20px}.compact-cost-preview summary{font-weight:500}.compact-cost-preview .cost-line{font-size:13px;gap:14px;padding:9px 0}.compact-cost-preview>p{font-size:12px!important}.compact-explanation{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #d7ddcf;margin-top:42px;padding:32px 0}.compact-explanation h2{font:29px/1.2 Georgia;margin:14px 0}.compact-explanation p{font-size:15px;line-height:1.75;color:#586551}.compact-compare{border-top:1px solid #d7ddcf;border-bottom:1px solid #d7ddcf;padding:10px 0}.compact-table-wrap{overflow:auto}.compact-compare table{border-collapse:collapse;width:100%;font-size:14px;min-width:660px}.compact-compare td,.compact-compare th{padding:14px;text-align:left;border-bottom:1px solid #dde1d5}.compact-compare th{font-weight:500}.compact-compare thead{background:#e9eddf}.compact-next{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0}.compact-next p{font-size:16px}.studio-concept{margin-bottom:22px}.studio-concept .compact-figure img{max-height:600px;object-fit:cover}.studio-visual-note{padding:22px;background:#e9eddf;border-radius:5px;margin-bottom:22px}.studio-visual-note p{font-size:14px;line-height:1.6;margin:8px 0}.studio-trade-downloads{display:grid;gap:10px}.studio-trade-downloads .light{text-align:left;font-size:14px}.studio-handoff h3{font:24px Georgia;margin-top:30px}.studio .studio-handoff{position:static}.studio-shortlist p,.studio-option li{font-size:14px}.studio-shortlist small,.studio-option-budget{font-size:13px}
@media(max-width:1050px){.compact-showcase{gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(300px,1fr)}.compact-intro{gap:25px}.compact-start{max-width:250px}.compact-under-image{flex-direction:column;gap:6px}.compact-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-summary{padding:22px}.compact-summary h2{font-size:36px}.compact-price{font-size:31px}.compact-explanation{gap:32px}.compact-controls>label{font-size:13px!important}}
@media(max-width:760px){.compact-intro{display:block;padding:28px 0 12px}.compact-intro h1{font-size:43px}.compact-start{max-width:none;margin-top:20px}.compact-start p{display:none}.compact-controls{align-items:start;flex-direction:column;padding:18px 0;gap:16px}.compact-tabs{width:100%;gap:6px}.compact-tabs button{flex:1;justify-content:center;padding:12px 8px;font-size:13px;gap:7px}.compact-dot{width:13px;height:13px;flex-shrink:0}.compact-controls>label{width:100%;justify-content:space-between}.compact-controls select{max-width:160px}.compact-showcase{grid-template-columns:1fr;gap:23px}.compact-under-image{flex-direction:row;flex-wrap:wrap}.compact-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.compact-swatches img{height:65px}.compact-swatches span{font-size:12px}.compact-swatches small{font-size:11px}.compact-summary h2{font-size:36px}.compact-price{font-size:36px}.compact-summary .compact-story{font-size:16px}.compact-explanation{grid-template-columns:1fr;gap:25px;margin-top:30px;padding-top:28px}.compact-next{display:block}.compact-next button{width:100%}.compact-figure figcaption{font-size:12px}.studio-concept .compact-figure img{max-height:none}.studio .studio-handoff>button{font-size:14px}}
.compact-mobile-price{display:none}.compact-detail-image{width:100%;max-height:240px;object-fit:contain;background:#efefe7}.compact-intro{padding-top:30px}.compact-intro h1{font-size:clamp(38px,4vw,56px)}
@media(max-width:760px){.compact-mobile-price{display:block;border-top:1px solid #d7ddcf;padding:0 0 18px;border-top:0}.compact-mobile-price strong{font:25px Georgia;display:block}.compact-mobile-price span{font-size:12px;display:block;margin-top:6px;color:#5b6655}.compact-intro h1{font-size:40px}.compact-intro{padding-top:25px}}
@media(max-width:760px){.compact-intro{padding:22px 0 4px}.compact-intro h1{font-size:36px;margin:13px 0}.compact-intro>div>p{font-size:14px;line-height:1.55;margin:12px 0}.compact-start{margin-top:12px}.compact-start>.light{padding:10px 15px}.compact-controls{padding:16px 0;gap:12px}}
/* Personal designer: a brief, a live workspace, and one cost record. */
.studio [hidden]{display:none!important}.brief-progress{display:flex;gap:24px;align-items:center;margin-bottom:20px}.brief-progress span{font-size:14px;color:#72806a;padding:13px 0;border-bottom:2px solid transparent}.brief-progress span.active{color:#2e4633;border-color:#2e4633}.brief-progress small{margin-left:auto;font-size:12px;color:#63735b}.studio-brief .brief-block{border-bottom:0;gap:40px;grid-template-columns:250px minmax(0,1fr);min-height:320px}.studio-brief .brief-submit{border-top:1px solid #d9dece}.studio-brief .brief-submit>p{font-size:12px}.studio:has(#studio-brief) .studio-heading{padding:35px 0 15px}.studio:has(#studio-brief) .studio-heading h1{font-size:48px;margin-bottom:12px}.studio:has(#studio-brief) .studio-heading p{margin-bottom:12px}.designer-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 22px}.designer-title h1{font:38px/1.15 Georgia;margin:10px 0}.designer-title p{font-size:14px;color:#63715b;margin:10px 0 0}.designer-title>div:last-child{display:flex;align-items:center;gap:14px}.designer-title .light{padding:11px 18px}.designer-budget{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;background:#e8edde;border:1px solid #ccd6c2;border-radius:6px;padding:20px 24px;margin-bottom:26px}.designer-budget>div:first-child small{font-size:13px;display:block}.designer-budget>div:first-child strong{font:34px Georgia;display:block;margin:6px 0}.designer-budget>div:first-child span{font-size:12px;color:#56634e;display:block}.designer-budget-verdict b{font-size:14px;font-weight:500}.designer-budget-verdict p{font-size:13px;line-height:1.5;color:#617056;margin:7px 0}.designer-budget-verdict .plain{padding:0;min-height:30px;text-decoration:underline;text-underline-offset:4px;font-size:13px}.designer-budget .dark{white-space:nowrap;padding:15px 19px;font-size:14px}.designer-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:32px;align-items:start}.designer-visual-panel{min-width:0}.designer-view-tabs{display:flex;gap:5px;padding:6px;border:1px solid #d5dccb;border-bottom:0;border-radius:6px 6px 0 0;background:#fdfdf8}.designer-view-tabs button{flex:1;font-size:13px;padding:11px 8px;border:0;border-radius:3px;background:transparent;min-height:43px}.designer-view-tabs button[aria-pressed=true]{background:#dfe6d5;color:#263c2a}.designer-live-view{background:radial-gradient(ellipse at 50% 45%,#f9f8f1,#e8ece1);border:1px solid #d5dccb;border-top:0;min-height:260px;padding:20px 8px;border-radius:0 0 6px 6px;overflow:hidden}.designer-live-view>svg{display:block;width:100%;height:auto;min-height:260px;max-height:490px}.designer-live-view .finish-board{height:330px}.designer-live-view .finish-fittings{padding:0 8px}.designer-live-view .compact-figure{margin:-20px -8px}.designer-live-view .compact-figure img{max-height:580px;object-fit:cover}.designer-visual-caption{font-size:12px;line-height:1.6;color:#66715d;margin:12px 0 17px}.designer-material-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.designer-material-strip button{padding:0;border:0;background:transparent;display:block;text-align:left}.designer-material-strip img{width:100%;height:60px;object-fit:cover;border-radius:4px;background:#fff}.designer-material-strip span{font-size:12px;display:block;margin:7px 0}.designer-room-facts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;border-top:1px solid #d7decc;margin-top:14px;padding:7px 0;font-size:13px}.designer-room-facts button{margin-left:auto;font-size:12px}.designer-check-note{font-size:12px;line-height:1.6;color:#63745a;margin:8px 0 20px}.designer-room-alert{background:#f0e6d3;border:1px solid #dfccac;padding:4px 18px;border-radius:4px;margin-bottom:18px}.designer-room-alert p{font-size:13px!important}.designer-price-details{border-top:1px solid #d6decb}.designer-price-details>summary{font-size:14px!important}.designer-cost-bar{display:flex;height:12px;border-radius:20px;overflow:hidden;margin:14px 0 18px}.designer-cost-key{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.designer-cost-key span{display:flex;align-items:center;gap:6px;font-size:12px}.designer-cost-key b{margin-left:auto;font-weight:500;white-space:nowrap}.designer-cost-key i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.designer-secondary{display:flex;gap:20px;justify-content:space-between;margin-top:12px}.designer-secondary button{font-size:12px;text-align:left}.designer-selection-panel{background:#fffefa;border:1px solid #d4dcc9;border-radius:6px;padding:22px;min-width:0}.designer-selection-title{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;justify-content:space-between}.designer-selection-title h2{font:29px Georgia;margin:0}.designer-selection-title>span{font-size:12px;color:#6a775f}.designer-categories{display:flex;gap:10px;margin-top:17px;border-bottom:1px solid #d6ddcb}.designer-categories button{font-size:13px;min-height:45px;padding:10px 4px;background:transparent;border:0;border-bottom:2px solid transparent;flex:1;white-space:nowrap}.designer-categories button[aria-pressed=true]{border-color:#3d563a}.designer-choice{border-bottom:1px solid #dce2d2;padding:18px 0 8px}.designer-product{display:flex;gap:14px;width:100%;text-align:left;padding:0;border:0;background:transparent;align-items:center}.designer-product img{width:66px;height:75px;object-fit:contain;background:#eeeeE5;border-radius:4px;flex-shrink:0}.designer-product>span{min-width:0;flex:1}.designer-product small{display:block;font-size:12px;color:#6b795f}.designer-product strong{display:block;font:20px/1.25 Georgia;margin:6px 0}.designer-product em{font-size:12px;font-style:normal;color:#5b6852;display:block;line-height:1.5}.designer-product>b{font-size:17px;font-weight:400}.designer-choice-actions{display:flex;justify-content:space-between;gap:8px;margin-top:5px}.designer-choice-actions .plain{font-size:11px;min-height:38px;padding:4px 0;color:#67765c}.designer-choice-actions [aria-pressed=true]{color:#263f2a;font-weight:600}.designer-scope-note{padding-top:18px;font-size:13px}.designer-scope-note p{font-size:12px;color:#66755b;line-height:1.7}.designer-scope-note button{font-size:12px}.studio #designer-dialog{max-width:760px;width:calc(100% - 32px);padding:40px;max-height:90vh}.studio #designer-title{font:38px Georgia;margin:15px 0}.studio #designer-content>p{font-size:15px;line-height:1.7;color:#617158}.studio #designer-room-form{margin-top:25px}.designer-saving{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:25px 0;border-top:1px solid #d8dfce}.designer-saving>img{width:150px;height:165px;object-fit:contain;border-radius:4px;background:#eeeee5}.designer-saving h3{font:25px Georgia;margin:8px 0}.designer-saving small{font-size:12px;color:#63715a}.designer-saving p{font-size:14px;line-height:1.6}.designer-saving strong{font-size:17px;color:#345037}.designer-saving .field-help{font-size:12px}.designer-saving .plain{font-size:12px}.designer-empty{background:#e9eede;padding:20px;border-radius:4px}
@media(min-width:1100px){.designer-visual-panel{position:sticky;top:115px}.designer-selection-panel{min-height:600px}}
@media(max-width:1050px){.designer-budget{grid-template-columns:1fr 1fr;gap:18px}.designer-budget>.dark{grid-column:1/-1}.designer-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:20px}.designer-title{align-items:start}.designer-title>div:last-child{flex-direction:column;align-items:end;gap:4px}.designer-title h1{font-size:33px}.designer-cost-key{grid-template-columns:1fr}.designer-selection-panel{padding:18px}.designer-material-strip{gap:7px}.designer-secondary{flex-direction:column;gap:0}.designer-live-view{padding:12px 4px}.designer-live-view .finish-board{height:270px}}
@media(max-width:760px){.brief-progress{gap:12px;justify-content:space-between}.brief-progress span{font-size:12px;padding:9px 0}.brief-progress small{display:none}.studio:has(#studio-brief) .studio-heading{padding:25px 0 10px}.studio:has(#studio-brief) .studio-heading h1{font-size:37px}.studio-brief .brief-block{display:block;padding:20px 0;min-height:0}.studio-brief .brief-submit{gap:15px;align-items:stretch}.studio-brief .brief-submit>p{display:none}.studio-brief .brief-submit>div{justify-content:space-between;width:100%;flex-wrap:wrap}.studio-brief .brief-submit .dark{flex:1}.designer-title{display:block;padding:23px 0 18px}.designer-title h1{font-size:34px;max-width:320px;line-height:1.1}.designer-title>div:last-child{flex-direction:row;justify-content:space-between;align-items:center;margin-top:16px}.designer-title .plain{font-size:12px}.designer-title .light{font-size:13px}.designer-budget{padding:17px;margin-bottom:20px;gap:14px;grid-template-columns:1fr}.designer-budget>div:first-child strong{font-size:31px}.designer-budget-verdict{padding-top:12px;border-top:1px solid #ced7c3}.designer-budget-verdict p{display:none}.designer-budget-verdict b{font-size:13px;line-height:1.5;display:block}.designer-budget-verdict .plain{margin-top:4px}.designer-budget>.dark{grid-column:auto;padding:12px}.designer-workspace{grid-template-columns:1fr;gap:24px}.designer-live-view{padding:4px}.designer-live-view>svg{min-height:220px}.designer-visual-caption{font-size:12px}.designer-view-tabs{gap:0;padding:4px}.designer-view-tabs button{font-size:12px;padding:10px 6px}.designer-material-strip img{height:52px}.designer-material-strip span{font-size:11px}.designer-room-facts{gap:4px 15px}.designer-room-facts button{margin-left:0}.designer-price-details{margin-top:12px}.designer-secondary{flex-direction:row;gap:15px}.designer-secondary button{font-size:11px}.designer-cost-key{grid-template-columns:1fr}.designer-selection-panel{padding:20px}.designer-product img{width:74px;height:78px}.designer-product strong{font-size:22px}.designer-choice-actions .plain{font-size:12px;min-height:43px}.studio #designer-dialog{padding:30px 20px;max-height:94vh;width:calc(100% - 16px)}.studio #designer-title{font-size:31px}.designer-saving{grid-template-columns:90px minmax(0,1fr);gap:15px}.designer-saving>img{width:90px;height:110px}.designer-saving h3{font-size:22px}.designer-saving .dark{width:100%;font-size:13px}.studio .studio-picker-context>div{display:grid;gap:4px;width:100%}}
.designer-mobile-dock{display:none}.designer-view-tabs{scroll-margin-top:115px}
@media(max-width:760px){.designer-title h1{font-size:33px}.designer-title{padding-top:20px}.designer-title p{font-size:13px}.designer-budget{grid-template-columns:minmax(0,1fr) auto;padding:15px;gap:12px}.designer-budget>div:first-child strong{font-size:27px}.designer-budget>div:first-child span{font-size:11px;line-height:1.6}.designer-budget-verdict{grid-column:1/-1;grid-row:2}.designer-budget>.dark{font-size:12px;padding:12px;max-width:115px;white-space:normal;line-height:1.5}.designer-mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#f8faf2f7;border-top:1px solid #c8d3bd;backdrop-filter:blur(14px);display:flex;justify-content:space-between;align-items:center;padding:12px 20px max(12px,env(safe-area-inset-bottom));gap:12px}.designer-mobile-price{border:0;background:transparent;padding:0;text-align:left}.designer-mobile-price strong{display:block;font:22px Georgia}.designer-mobile-price small{display:block;font-size:10px;margin-top:5px;color:#617255}.designer-mobile-dock .light{font-size:12px;padding:11px}.studio:has(.designer-mobile-dock) #main{padding-bottom:170px}.studio:has(.designer-mobile-dock) .studio-undo{bottom:85px}.designer-view-tabs{scroll-margin-top:115px}}
.designer-view-notes{margin:-10px 0 13px}.designer-view-notes>summary{font-size:12px!important;padding:4px 0!important}.designer-view-notes>p{font-size:12px!important}

/* The same supplied logo used by the main Bluestone website. */
.studio-header .studio-brand{display:flex;flex-direction:column;align-items:flex-start;flex:none;text-decoration:none;line-height:1}
.studio-header .studio-brand img{display:block;width:190px;height:auto;filter:brightness(0)}
.studio-header .studio-brand span{display:block;margin-top:7px;font:9px/1.3 'DM Sans',sans-serif;letter-spacing:2.4px;color:var(--grey)}
@media(max-width:700px){.studio-header .studio-brand img{width:155px}.studio-header .studio-brand span{font-size:8px;letter-spacing:1.9px;margin-top:6px}}

.budget-control .studio-budget-chips{flex-wrap:wrap;gap:8px}.budget-control .studio-budget-chips [aria-pressed="true"]{background:#293e35;color:#fff;border-color:#293e35}.budget-control input:disabled{background:#eeefea;color:#60695f;opacity:1}.budget-control .budget-help{margin:12px 0 20px}
