/* Shared visual language for the storefront, editor and checkout. */
:root{--bg:#fffefa;--paper:#fffefa;--ink:#243b31;--fg:#243b31;--muted:#53614f;--accent:#bd482f;--green:#2e6b5b;--line:#d6ded0}
body.production-v2,body.studio-page{background:#fffefa;color:#243b31;font:16px/1.55 Arial,Helvetica,sans-serif}
.production-v2 main h1,.production-v2 main h2,.production-v2 main h3,.studio-page main h1,.studio-page main h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#243b31;letter-spacing:-.035em}
.production-v2 .page-intro,.production-v2 .checkout-intro{max-width:1240px;padding:32px 36px 26px;margin:auto}
.production-v2 .page-intro h1,.production-v2 .checkout-intro h1,.information-content h1{font-size:clamp(34px,4vw,48px);line-height:1.12;letter-spacing:-.04em;margin:14px 0 18px}
.production-v2 .page-intro h1 span{color:#b7452d}
.production-v2 .page-intro p,.production-v2 .checkout-intro>p{font-size:16px;line-height:1.6;max-width:720px;color:#53614f}
.eyebrow,.checkout-kicker,.panel-kicker{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#52684f}
.production-v2 .button,.studio-page .btn,.home-header .home-nav-cta,.checkout-layout #submit-order,.checkout-layout .promo-field button,.payment-result .button{background:#bd482f;border:1px solid #bd482f;color:white;border-radius:7px;min-height:48px;padding:13px 20px;font:700 15px/1.3 Arial,sans-serif;box-shadow:none}
.production-v2 .button:hover,.studio-page .btn:hover,.home-header .home-nav-cta:hover,.checkout-layout #submit-order:hover{background:#a73924;border-color:#a73924}
.production-v2 main a:focus-visible,.production-v2 main button:focus-visible,.production-v2 input:focus-visible,.production-v2 textarea:focus-visible,.studio-page :focus-visible{outline:3px solid #b7452d;outline-offset:4px}
.production-v2 .small,.production-v2 .checkout-quality,.production-v2 .check-field,.studio-page .micro,.studio-page .tip p,.studio-page .tip strong{font-size:14px;color:#53614f;line-height:1.6}
.production-v2 .text-link,.studio-page .text-btn{color:#2e6b5b;font-size:14px}
.production-v2 .pricing-section{max-width:1240px;margin:0 auto 48px;padding:0 36px;background:transparent}
.production-v2 .calculator{background:#f4f5ef;border:1px solid #d6ded0;border-radius:12px;padding:26px;gap:36px;align-items:center}
.production-v2 .calc-preview{min-height:350px;background:#e8ede2;border:1px solid #d5dfca;border-radius:9px;color:#243b31}
.production-v2 .calc-preview p{font-size:14px;color:#53614f}.production-v2 .dimension-top{font-size:17px;font-weight:700}
.production-v2 .dimension-control label{font-size:15px;color:#3c5144}.production-v2 .dimension-control input[type=number]{background:#fffefa;color:#243b31;font-size:18px;min-height:48px;border:1px solid #92a18a;border-radius:7px}
.production-v2 input[type=range]{accent-color:#2e6b5b}.production-v2 .calc-controls .quick-sizes button{font-size:14px;min-height:44px;border:1px solid #b7c5af;border-radius:6px;background:#fffefa;color:#35513d}
.production-v2 .calc-controls .quick-sizes button.active{background:#e5eddf;border-color:#719369}
.production-v2 .price-row{border-color:#b8c7b0;color:#243b31}.production-v2 .price-row output{font-size:34px;letter-spacing:-1px;font-weight:700}.production-v2 .price-row span,.production-v2 [data-price-note]{font-size:14px;color:#53614f}
.production-v2 .checkout-layout{max-width:1240px;padding:0 36px 48px;gap:24px;margin:auto}
.checkout-card,.checkout-layout .order-summary,.payment-result .payment-card{border:1px solid #d6ded0;border-radius:12px;background:#fffefa;box-shadow:none}
.checkout-layout .order-summary{background:#f1f4eb}.checkout-layout .order-summary h2,.checkout-section-title h2,#order-form .checkout-section-title h2,.payment-result .payment-card h2{font:700 26px/1.2 Arial,sans-serif;letter-spacing:-.035em}
.checkout-kicker{font-size:11px}.checkout-number,.checkout-cart .checkout-number{background:#e8eee2;color:#2e6b5b;border:1px solid #c7d6bd;font-size:12px}
.checkout-layout .cart-item h3{font:700 18px/1.35 Arial,sans-serif}.checkout-layout .form-grid label,.checkout-layout .check-field,.checkout-layout .choice-row label,.checkout-layout .promo-field label{font-size:14px;color:#3c5144}
.checkout-layout .form-grid input,.checkout-layout .form-grid textarea,.checkout-layout .promo-field input{font-size:16px;background:#fffefa;color:#243b31;border:1px solid #92a18a;border-radius:7px;min-height:46px}
.checkout-layout .choice-row input,.checkout-layout .check-field input{accent-color:#2e6b5b}.checkout-layout .choice-row label:has(input:checked){background:#eef3e7;border-color:#92b083}
.checkout-layout .cart-item img{background:#edf0e7;border-color:#d5dfca;border-radius:8px}.checkout-layout .summary-total{border-color:#aebfa4}.checkout-layout #grand-total{font-weight:700;color:#243b31}
.payment-result>h2{font:700 38px/1.15 Arial,sans-serif;letter-spacing:-.04em}.payment-result .payment-card>p{font-size:15px}.payment-result .button-dark{background:#2e6b5b;border-color:#2e6b5b}
.information-content{max-width:920px;margin:32px auto 48px}.information-content h2{font:700 27px/1.25 Arial,sans-serif;letter-spacing:-.03em}.information-content h3{font:700 19px/1.3 Arial,sans-serif}.information-content .lead{font:17px/1.6 Arial,sans-serif}.information-content .article-image img{border-radius:10px}.information-content .legal-note{background:#f0f4e8;border-color:#7f9b72;border-radius:0 7px 7px 0}
.studio-page main{max-width:1440px;padding:0 36px}.studio-title{padding:25px 0 22px}.studio-title h1{font-size:36px;line-height:1.15;margin:10px 0 0}.studio-title .eyebrow{font-size:12px;color:#52684f}.studio-title>p{font-size:14px;color:#53614f;max-width:360px;line-height:1.5}
.studio-page .steps{gap:8px}.studio-page .steps>button{border-color:#d6ded0;border-radius:8px;background:#f8f9f3;color:#53614f;padding:13px 15px}.studio-page .steps>button[data-step].active{background:#eaf0e3;border-color:#91ad83;color:#244b35}.studio-page .steps>button.active>span{background:#2e6b5b;border-color:#2e6b5b;color:white}.studio-page .steps>button>div{font-size:14px}.studio-page .steps small{font-size:12px}
.studio-page .preview-area,.studio-page .controls{border:1px solid #d6ded0;border-radius:12px}.studio-page .controls{background:#fffefa}.studio-page .preview-toolbar,.studio-page .preview-bottom,.studio-page .preview-hint,.studio-page .room-options{background:#f4f5ef}.studio-page .stage{background-color:#eef0e8}.studio-page .controls h2{font-size:28px;line-height:1.15;letter-spacing:-.035em;margin:12px 0}.studio-page .control-intro{font-size:16px;line-height:1.6;color:#53614f}.studio-page .section-label{font-size:12px;font-weight:700}
.studio-page .preset-grid>button{border:1px solid #c8d4bf;border-radius:8px;background:#fffefa;font-size:14px;color:#3d5743}.studio-page .preset-grid>button.selected{background:#eaf0e3;border-color:#719369;color:#264d35}.studio-page .preset-art i{background:#7f9b72}.studio-page .common-size-controls{background:#f0f4e8;border-color:#c8d6bc;border-radius:9px}.studio-page .panel-card{border-color:#d6ded0;border-radius:8px}.studio-page .panel-card.active{background:#eef3e7;border-color:#8fac80}
.studio-page .finish-options>label{border-color:#d6ded0;background:#fffefa}.studio-page .finish-options>label:has(input:checked){background:#edf3e5;border-color:#91ad83}.studio-page .finish-options input,.studio-page .stacked input{accent-color:#2e6b5b}.studio-page .finish-options small{font-size:13px;color:#53614f}.studio-page .finish-options strong{font-size:16px}
.studio-page .studio-action-bar{background:#fffefa;border-top:1px solid #b5c6aa;box-shadow:0 -3px 18px #243b310a}.studio-page .studio-action-bar strong{font-size:28px;font-weight:700}.studio-page .studio-action-bar .btn{min-height:50px}.studio-page .summary-row{font-size:15px}.studio-page .summary-pieces span{background:#edf3e5;border-color:#c7d6bd;font-size:14px}
.studio-page .home-footer{margin:35px -36px 0;padding:32px 36px}.studio-page .home-footer .home-brand{color:#edf2e8}
@media(max-width:900px){.studio-page main{padding:0 20px}.studio-title h1{font-size:30px}.studio-title{padding:22px 0 18px}.studio-page .steps>button{padding:9px 5px}.studio-page .steps>button>div{font-size:11px}.studio-page .steps>button>span{width:26px;height:26px}.studio-page .controls h2{font-size:27px}.studio-page .home-footer{margin-left:-20px;margin-right:-20px;padding:30px 6%}}
@media(max-width:740px){.production-v2 .page-intro,.production-v2 .checkout-intro{padding:24px 20px 20px}.production-v2 .page-intro h1,.production-v2 .checkout-intro h1{font-size:34px;line-height:1.12;margin:12px 0 16px}.production-v2 .pricing-section{padding:0 20px;margin-bottom:30px}.production-v2 .calculator{padding:18px;gap:22px;border-radius:10px}.production-v2 .calc-preview{min-height:255px}.production-v2 .checkout-layout{padding:0 20px 32px;gap:20px}.checkout-card{padding:22px 18px}.checkout-layout .order-summary{padding:22px 18px}.checkout-section-title h2,#order-form .checkout-section-title h2,.checkout-layout .order-summary h2{font-size:24px}.payment-result>h2{font-size:32px}.information-content{width:calc(100% - 40px);margin-top:24px}.information-content h1{font-size:34px}.information-content h2{font-size:25px}.studio-page .studio-action-bar strong{font-size:24px}.studio-page .studio-action-bar .btn{font-size:14px;padding:12px}.studio-page .control-intro{font-size:15px}}

.production-v2 main .page-intro h1,.production-v2 main .page-intro:not(.checkout-intro) h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(34px,4vw,48px);line-height:1.12;letter-spacing:-.04em}.production-v2 .size-preview{background:#2e6b5b!important;border-color:#476843;box-shadow:8px 8px 0 #aac09d}.production-v2 .size-preview span{color:#fffefa}.production-v2 .swap{border:1px solid #b7c5af;border-radius:6px;min-height:40px;padding:7px 12px;background:#fffefa;color:#35513d;font-size:14px}@media(max-width:740px){.production-v2 main .page-intro h1,.production-v2 main .page-intro:not(.checkout-intro) h1{font-size:34px}}

/* Room scale controls must keep the production aspect ratio at every scale. */
.studio-page .stage.room .composition-shell{height:100%;max-height:none;transform:translateY(-12%)}.studio-page .stage.room #picture-bounds{max-height:none}.studio-page .room-options input[type=range]{min-height:32px}.studio-page .room-options button:disabled{opacity:.45;cursor:default}

#draft-choice{width:min(520px,calc(100% - 32px));padding:30px;border:1px solid #b8c8ae;border-radius:14px;background:#fffefa;color:#243b31;box-shadow:0 20px 70px #243b3130;font:16px/1.6 Arial,sans-serif}#draft-choice::backdrop{background:#203b3299;backdrop-filter:blur(3px)}#draft-choice h2{font:700 30px/1.15 Arial,sans-serif;letter-spacing:-1px;margin:0 0 16px}#draft-choice p{margin:0 0 16px}#draft-choice-detail{font-size:14px;overflow-wrap:anywhere;color:#53614f}.draft-choice-actions{display:grid;gap:12px;margin:22px 0}.draft-choice-actions .btn{width:100%;text-align:center}.draft-choice-actions .secondary{background:#edf2e5;border-color:#9bb18d;color:#2e563d}.draft-choice-actions a{display:block;text-align:center;text-decoration:underline;min-height:44px;padding:10px}#draft-choice small{font-size:13px;color:#53614f;display:block}@media(max-width:520px){#draft-choice{padding:24px}#draft-choice h2{font-size:27px}.draft-choice-actions .btn{font-size:14px;padding:14px 10px}}