/* Studio: an alternative visual layout. The Classic layout and model are unchanged. */
.theme-switch{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #cdd1c3;border-radius:100px;background:#fffdf8}.theme-switch>span{font-size:8px;letter-spacing:1px;padding:0 6px 0 9px;color:#6f7869}.theme-switch button{border:0;background:transparent;padding:7px 16px;border-radius:100px;font-size:11px;min-height:32px}.theme-switch button[aria-pressed=true]{background:#304f40;color:#fff}.studio-intro,.studio-controls-head,.step-navigation,.step-actions,.studio-copy,.palette-legend{display:none}
body[data-theme=studio]{--paper:#f7f2e8;--white:#fffdf8;--ink:#322d29;--muted:#746c63;--line:#d9d1c1;--accent:#b64c2f;--green:#3a4033;--soft:#f0e9dd;background-color:var(--paper);background-image:radial-gradient(#bcae9412 .6px,transparent .6px);background-size:5px 5px}
body[data-theme=studio] .topbar{max-width:1440px;padding:22px 38px;border-bottom:1px solid #cfc5b4}body[data-theme=studio] .brand{font-size:22px}body[data-theme=studio] .brand svg{stroke:#ad4c30}body[data-theme=studio] .brand .amp{color:#ad4c30}body[data-theme=studio] .brand small{color:#7b6c5a;letter-spacing:4.5px}body[data-theme=studio] .theme-switch{border-color:#d2c6b2;background:#f1e8d9}body[data-theme=studio] .theme-switch button[aria-pressed=true]{background:#ae4b31;color:#fff}body[data-theme=studio] .local-badge{font-size:10px;color:#786e60}body[data-theme=studio] .local-badge>span{background:#a28a53}
body[data-theme=studio] main{max-width:1360px;padding:0 38px}body[data-theme=studio] .intro{display:none}body[data-theme=studio] .studio-intro{display:flex;justify-content:space-between;align-items:center;padding:30px 0 27px;gap:30px}body[data-theme=studio] .studio-intro .eyebrow{font-size:9px;color:#a14b32;letter-spacing:2px;margin-bottom:9px}body[data-theme=studio] .studio-intro h1{font:normal clamp(35px,4.5vw,58px)/1.08 Georgia;letter-spacing:-2px}body[data-theme=studio] .studio-intro h1 em{font-weight:normal;color:#aa4e35}body[data-theme=studio] .studio-intro>p{font:16px/1.55 Georgia;color:#7c705f;align-self:flex-end;border-left:1px solid #cfc1aa;padding:0 0 2px 22px;margin-right:4px}
body[data-theme=studio] .demo-banner{background:transparent;border:0;border-top:1px dashed #cdbfa7;border-bottom:1px dashed #cdbfa7;border-radius:0;padding:10px 0;margin:0 0 25px;font-size:11px;color:#73644f}body[data-theme=studio] .demo-banner button{color:#9f472d;font-size:11px}body[data-theme=studio] .workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:'canvas controls' 'estimate controls' 'method controls';gap:23px 30px;align-items:start}body[data-theme=studio] .results{display:contents}body[data-theme=studio] #planner{grid-area:controls;min-width:0;background:var(--white);border:1px solid #d8cebc;border-radius:15px;padding:27px 25px 20px;box-shadow:0 5px 20px #75634707}body[data-theme=studio] .studio-controls-head{display:block;margin:0 0 23px}body[data-theme=studio] .studio-controls-head .eyebrow{color:#8a6f4d;font-size:8px;letter-spacing:1.7px;margin-bottom:7px}body[data-theme=studio] .studio-controls-head h2{font:normal 29px Georgia;letter-spacing:-.6px}body[data-theme=studio] .step-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid #d9d1c0;margin-bottom:26px}body[data-theme=studio] .step-navigation button{display:flex;align-items:center;gap:8px;text-align:left;border:0;border-bottom:3px solid transparent;background:transparent;padding:0 3px 15px;min-height:62px;border-radius:0}body[data-theme=studio] .step-navigation button[aria-pressed=true]{border-bottom-color:#ae4b31}body[data-theme=studio] .nav-number{font-size:10px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#efe8dc;color:#8a7c68;flex-shrink:0}body[data-theme=studio] .step-navigation button[aria-pressed=true] .nav-number{color:#fff;background:#ad4b32}body[data-theme=studio] .step-navigation strong{display:block;font-size:11px;font-weight:700}body[data-theme=studio] .step-navigation small{display:block;font-size:8px;color:#8a7d6a;margin-top:3px;line-height:1.4}
body[data-theme=studio] .step{display:none;border:0;border-radius:0;padding:0;margin:0;box-shadow:none;min-height:300px}body[data-theme=studio] .step.active-step{display:block}body[data-theme=studio] .step .step-num{display:none}body[data-theme=studio] .section-head{margin-bottom:23px}body[data-theme=studio] .section-head h2{font-size:26px}body[data-theme=studio] .section-head p{font-size:12px;color:#7d7163;line-height:1.6;margin-top:7px}body[data-theme=studio] label{font-size:12px;font-weight:600}body[data-theme=studio] input[type=text],body[data-theme=studio] input[type=number]{border-color:#d7cdbb;border-radius:6px;background:#fffefa;min-height:47px;padding:12px}body[data-theme=studio] .input-unit input{padding-right:37px}body[data-theme=studio] .input-unit>span{top:14px;color:#887c69}body[data-theme=studio] .field-grid{gap:19px 18px}body[data-theme=studio] .unit-row{margin:19px 0}body[data-theme=studio] .segmented{background:#f2ecdf;border-color:#d9ceba}body[data-theme=studio] .segmented button[aria-pressed=true]{background:#b04e33;box-shadow:none}body[data-theme=studio] .swatch-tip{background:#f4eee1;color:#77654c;border-left:2px solid #bda568;border-radius:0;font-size:11px}body[data-theme=studio] .swatch-tip svg{stroke:#947b48}body[data-theme=studio] .field-hint{color:#80725e}body[data-theme=studio] .allowance-row{border-color:#e0d5c2}body[data-theme=studio] .colour-row{margin-bottom:13px}body[data-theme=studio] .colour-row input[type=number],body[data-theme=studio] .colour-row input[type=text]{font-size:12px;min-height:43px;padding:10px}body[data-theme=studio] .colour-row input[type=color]{box-shadow:0 0 0 1px #dbd0bc;border:3px solid #fffdf8;width:35px;height:35px}body[data-theme=studio] .colour-footer{padding-top:6px}body[data-theme=studio] .text-button{color:#a94b31}
body[data-theme=studio] .step-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 20px;padding-top:23px;border-top:1px dashed #d2c5ae}body[data-theme=studio] .step-actions button{border:0;background:transparent;font-size:11px;min-height:40px;padding:8px 0}body[data-theme=studio] .step-actions #next-step{background:#ad4b32;color:#fff;padding:11px 15px;border-radius:6px;font-weight:700;white-space:nowrap}body[data-theme=studio] .step-actions #next-step:hover{background:#8a3b26}body[data-theme=studio] #step-position{font-size:8px;letter-spacing:1.1px;color:#89775a;white-space:nowrap}body[data-theme=studio] .form-actions{padding-top:5px;margin:0;gap:18px}body[data-theme=studio] .form-actions>span{font-size:9px;color:#8e816d}body[data-theme=studio] .subtle-button{color:#7e6e55;font-size:10px}
body[data-theme=studio] .preview-card{grid-area:canvas;background:#eee3cb;border:1px solid #d5c4a3;border-radius:15px;position:relative}body[data-theme=studio] .preview-top{padding:21px 24px;background:#f4ebd9;border-bottom:1px solid #ddd0b7}body[data-theme=studio] .preview-top .eyebrow{font-size:9px;color:#6c5a3f;letter-spacing:1.6px}body[data-theme=studio] .preview-top>span:last-child{background:#fff8e9;border:1px solid #dfd1b5;border-radius:30px;padding:5px 10px;color:#766346;font-size:10px}body[data-theme=studio] .classic-copy{display:none}body[data-theme=studio] .studio-copy{display:inline}body[data-theme=studio] .blanket-stage{height:465px;padding:48px 50px;background-color:#eee3cb;background-image:linear-gradient(#e2d5b9 1px,transparent 1px),linear-gradient(90deg,#e2d5b9 1px,transparent 1px);background-size:27px 27px}body[data-theme=studio] .blanket{transform:rotate(-4deg) scale(1.42);box-shadow:5px 8px 10px #725a3a27,1px 2px 2px #61472533;border-radius:2px}body[data-theme=studio] .blanket:after{background-image:repeating-linear-gradient(0deg,transparent 0 2px,#fff2 2px 3px,#0000000b 3px 4px),repeating-linear-gradient(100deg,transparent 0 3px,#fff1 3px 4px,#00000007 4px 5px);mix-blend-mode:multiply}body[data-theme=studio] .width-marker{font:italic 11px Georgia;top:22px;color:#7c694c}body[data-theme=studio] .height-marker{right:21px;font:italic 11px Georgia;color:#7c694c}body[data-theme=studio] .palette-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 21px;padding:19px 22px 12px;background:#f4ebd9;border-top:1px solid #dcccaf}body[data-theme=studio] .palette-legend>span{display:flex;align-items:center;font-size:11px;gap:6px;color:#685640;max-width:100%;overflow-wrap:anywhere}body[data-theme=studio] .palette-legend i{width:13px;height:13px;min-width:13px;border-radius:50%;border:1px solid #0002}body[data-theme=studio] .palette-legend small{font-size:9px;color:#948367}body[data-theme=studio] .preview-bottom{justify-content:center;padding:9px 16px 14px;border:0;background:#f4ebd9;color:#827153;font-size:9px}body[data-theme=studio] .swatch-icon{display:none}
body[data-theme=studio] .estimate-card{grid-area:estimate;border-radius:15px;padding:24px 27px;border-color:#d7ccba;background:#fffdf8}body[data-theme=studio] .estimate-heading h2{font-size:28px}body[data-theme=studio] .estimate-badge{color:#9f6337;border-color:#dac6a6;background:#f7efdf}body[data-theme=studio] .hero-number{margin:14px 0 22px;gap:18px}body[data-theme=studio] .hero-number>strong{color:#a94e34;font-size:76px}body[data-theme=studio] .breakdown>div{color:#7f725e}body[data-theme=studio] .breakdown .breakdown-total{color:#332d25}body[data-theme=studio] .breakdown{border-bottom:1px dashed #d8cbb4}body[data-theme=studio] .colour-result{border-color:#ebe1ce;padding:14px 0}body[data-theme=studio] .colour-result strong{color:#4c4030}body[data-theme=studio] .spare-line{background:#f2eddf;color:#7b6b4d}body[data-theme=studio] .primary-button{background:#3a4033;padding:14px;min-height:45px;border-radius:7px}body[data-theme=studio] .method{grid-area:method}body[data-theme=studio] .method summary{color:#7f6b4c}body[data-theme=studio] footer{color:#8a7552;border-top:1px dashed #cdbfa6;margin-top:30px}body[data-theme=studio] footer p>span{color:#93846e}
@media(max-width:1050px){body[data-theme=studio] .topbar{padding:20px 25px}body[data-theme=studio] .local-badge{display:none}body[data-theme=studio] main{padding:0 25px}body[data-theme=studio] .workspace{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body[data-theme=studio] #planner{padding:23px 19px 20px}body[data-theme=studio] .step-navigation small{display:none}body[data-theme=studio] .step-navigation button{gap:7px}body[data-theme=studio] .studio-controls-head h2{font-size:26px}body[data-theme=studio] .step-actions{gap:8px}body[data-theme=studio] #step-position{display:none}body[data-theme=studio] .blanket-stage{height:425px}body[data-theme=studio] .blanket{transform:rotate(-4deg) scale(1.25)}}
@media(max-width:720px){.topbar{gap:12px;flex-wrap:wrap}.theme-switch{margin-left:auto}.theme-switch>span{display:none}.theme-switch button{padding:6px 12px;min-height:32px}.topbar .local-badge{display:none}body[data-theme=studio] .topbar{padding:17px 18px;gap:8px}body[data-theme=studio] .brand{font-size:18px;gap:6px}body[data-theme=studio] .brand svg{width:30px;height:30px}body[data-theme=studio] .brand small{font-size:8px;letter-spacing:3px}body[data-theme=studio] .theme-switch{padding:3px}body[data-theme=studio] .theme-switch button{padding:7px 10px;font-size:10px}body[data-theme=studio] main{padding:0 17px}body[data-theme=studio] .studio-intro{padding:27px 0 22px;display:block}body[data-theme=studio] .studio-intro h1{font-size:39px;letter-spacing:-1.5px}body[data-theme=studio] .studio-intro .eyebrow{font-size:8px;margin-bottom:12px}body[data-theme=studio] .studio-intro>p{border:0;padding:10px 0 0;margin:0;font:12px/1.6 Arial}body[data-theme=studio] .studio-intro>p br{display:none}body[data-theme=studio] .studio-intro>p br:after{content:' '}body[data-theme=studio] .demo-banner{font-size:10px;margin-bottom:18px;gap:10px;align-items:center}body[data-theme=studio] .demo-banner button{font-size:10px}body[data-theme=studio] .workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'canvas' 'controls' 'estimate' 'method';gap:19px}body[data-theme=studio] .preview-card{border-radius:12px}body[data-theme=studio] .preview-top{padding:14px 16px;gap:8px}body[data-theme=studio] .preview-top .eyebrow{font-size:8px;letter-spacing:1px}body[data-theme=studio] .preview-top>span:last-child{font-size:9px;padding:4px 7px}body[data-theme=studio] .blanket-stage{height:350px;background-size:23px 23px}body[data-theme=studio] .blanket{transform:rotate(-4deg) scale(1.08)}body[data-theme=studio] .width-marker{top:15px}body[data-theme=studio] .height-marker{right:15px}body[data-theme=studio] .palette-legend{padding:15px 15px 10px;gap:9px 14px}body[data-theme=studio] .palette-legend>span{font-size:10px;gap:4px}body[data-theme=studio] .preview-bottom{font-size:8px;padding:7px 8px 12px}body[data-theme=studio] #planner{padding:23px 19px 20px;border-radius:12px}body[data-theme=studio] .studio-controls-head{margin-bottom:17px}body[data-theme=studio] .studio-controls-head h2{font-size:27px}body[data-theme=studio] .step-navigation{margin-bottom:23px}body[data-theme=studio] .step-navigation button{padding:0 1px 13px;min-height:49px;gap:7px}body[data-theme=studio] .step-navigation strong{font-size:11px}body[data-theme=studio] .step-navigation small{display:none}body[data-theme=studio] .nav-number{width:25px;height:25px;font-size:9px}body[data-theme=studio] .step{min-height:0}body[data-theme=studio] .section-head h2{font-size:24px}body[data-theme=studio] .section-head p{font-size:11px}body[data-theme=studio] .field-grid{gap:15px 12px}body[data-theme=studio] .step-actions{margin:22px 0 14px;padding-top:18px}body[data-theme=studio] .step-actions #next-step{padding:11px 13px;font-size:10px}body[data-theme=studio] .step-actions button{font-size:10px}body[data-theme=studio] #step-position{display:block;font-size:7px}body[data-theme=studio] .form-actions{gap:15px}body[data-theme=studio] .form-actions>span{font-size:8px}body[data-theme=studio] .estimate-card{padding:23px 20px;border-radius:12px}body[data-theme=studio] .estimate-heading h2{font-size:26px}body[data-theme=studio] .estimate-badge{font-size:7px}}
@media(max-width:360px){body[data-theme=studio] .brand{font-size:16px}body[data-theme=studio] .brand svg{width:25px}body[data-theme=studio] .theme-switch button{padding:6px 8px;font-size:9px}body[data-theme=studio] .studio-intro h1{font-size:34px}body[data-theme=studio] .demo-banner{flex-direction:row}body[data-theme=studio] .step-actions{gap:5px}body[data-theme=studio] #step-position{display:none}body[data-theme=studio] #planner{padding:21px 16px}body[data-theme=studio] .blanket-stage{height:330px}body[data-theme=studio] .blanket{transform:rotate(-4deg) scale(1)}}
@media print{body[data-theme=studio]{background:#fff}body[data-theme=studio] main{max-width:none;padding:0;margin:0}.theme-switch,.studio-intro,.studio-controls-head,.step-navigation,.step-actions{display:none!important}body[data-theme=studio] .workspace{display:none!important}}