*{box-sizing:border-box}.visualiser-page{color:#17231e;background:#f3f5f3;min-height:100vh;font-family:Arial,sans-serif}.visualiser-page header{background:#fff;border-bottom:1px solid #e1e6e3;justify-content:space-between;align-items:center;height:76px;padding:0 5vw;display:flex}.v-brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.v-brand>span{color:#d9f23f;background:#17231e;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.v-brand b{letter-spacing:.05em;font-size:.83rem}.v-brand em{color:#668d1d;font-style:normal;display:block}.visualiser-page header nav{gap:25px;display:flex}.visualiser-page header nav a{color:#17231e;font-size:.88rem;font-weight:700;text-decoration:none}.v-hero{color:#fff;background:#17231e;justify-content:space-between;align-items:end;gap:40px;padding:64px 7vw;display:flex}.v-hero small,.finish-heading small,.v-next small{color:#d9f23f;letter-spacing:.13em;font-weight:900}.v-hero h1{letter-spacing:-.055em;margin:16px 0 20px;font-size:clamp(2.6rem,6vw,5.7rem);line-height:.92}.v-hero p{color:#c6d0cb;max-width:700px;font-size:1.08rem;line-height:1.6}.privacy-chip{letter-spacing:.1em;border:1px solid #627069;min-width:230px;padding:17px 20px;font-size:.74rem;font-weight:900}.privacy-chip span{color:#aebbb5;letter-spacing:0;margin-top:6px;font-weight:400;display:block}.visualiser-work{grid-template-columns:280px 1fr;gap:22px;max-width:1320px;margin:34px auto;padding:0 24px;display:grid}.visualiser-work aside,.canvas-area{background:#fff;border:1px solid #dfe5e1}.visualiser-work aside{padding:18px}.upload-box{cursor:pointer;background:#d9f23f;padding:18px;display:block}.upload-box b,.upload-box span{display:block}.upload-box span{margin-top:6px;font-size:.75rem}.upload-box input{opacity:0;pointer-events:none;position:absolute}.control{margin-top:22px}.control>div{justify-content:space-between;font-size:.78rem;display:flex}.control input{accent-color:#668d1d;width:100%;margin-top:10px}.tip{background:#f1f4f2;margin:22px 0 0;padding:13px;font-size:.78rem;line-height:1.45}.canvas-area{min-width:0;padding:14px}.canvas-toolbar,.canvas-actions{align-items:center;gap:8px;display:flex}.canvas-toolbar{margin-bottom:12px}.canvas-toolbar button,.canvas-actions button{cursor:pointer;background:#fff;border:1px solid #cfd7d3;padding:10px 16px;font-weight:800}.canvas-toolbar button.active{color:#fff;background:#17231e}.canvas-toolbar span{margin-left:auto;font-size:.8rem;font-weight:800}.canvas-area canvas{background:#e9eeeb;width:100%;height:auto;display:block}.canvas-actions{justify-content:flex-end;margin-top:12px}.canvas-actions .save{color:#fff;background:#17231e;border-color:#17231e}.canvas-actions button:disabled{opacity:.4}.finish-section{max-width:1320px;margin:60px auto;padding:0 24px}.finish-heading h2{margin:12px 0 7px;font-size:2.5rem}.finish-heading p{color:#637069}.finish-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px;display:grid}.finish-grid button{text-align:left;cursor:pointer;color:inherit;background:#fff;border:2px solid #0000;padding:12px}.finish-grid button.selected{border-color:#668d1d}.swatch{background:var(--a);height:115px;margin-bottom:12px;display:block}.swatch.slat{background:repeating-linear-gradient(90deg,var(--a) 0 14px,var(--b) 14px 19px)}.swatch.tile{background:linear-gradient(var(--b) 2px,transparent 2px),linear-gradient(90deg,var(--b) 2px,var(--a) 2px);background-size:70px 35px}.swatch.marble{background:linear-gradient(145deg,var(--a) 0 42%,var(--b) 44%,var(--a) 48% 70%,var(--b) 72%,var(--a) 75%)}.swatch.stone{background:linear-gradient(135deg,var(--a),var(--b))}.swatch.board{background:repeating-linear-gradient(90deg,var(--a) 0 42px,var(--b) 43px 45px)}.finish-grid small,.finish-grid b,.finish-grid em{display:block}.finish-grid small{color:#668d1d;letter-spacing:.1em;font-size:.66rem;font-weight:900}.finish-grid b{margin:7px 0}.finish-grid em{color:#617068;font-size:.76rem;font-style:normal}.v-next{background:#d9f23f;justify-content:space-between;align-items:center;gap:30px;margin-top:70px;padding:45px 7vw;display:flex}.v-next small{color:#31410b}.v-next h2{margin:10px 0;font-size:2rem}.v-next p{max-width:700px;margin:0}.v-next a{white-space:nowrap;color:#fff;background:#17231e;padding:16px 22px;font-weight:900;text-decoration:none}@media (width<=800px){.visualiser-page header nav{display:none}.v-hero,.v-next{flex-direction:column;align-items:flex-start}.visualiser-work{grid-template-columns:1fr}.finish-grid{grid-template-columns:1fr 1fr}.canvas-toolbar span{display:none}}@media (width<=520px){.finish-grid{grid-template-columns:1fr}.visualiser-work,.finish-section{padding:0 12px}.v-hero{padding:45px 24px}.canvas-actions{flex-direction:column}.canvas-actions button{width:100%}}.send-panel{background:#f2f5f3;border:1px solid #d6ded9;margin-top:14px;padding:20px;position:relative}.send-panel small{color:#668d1d;letter-spacing:.1em;font-weight:900}.send-panel h3{margin:7px 0}.send-panel p{color:#5e6d66;font-size:.85rem}.send-panel label{gap:7px;margin-top:15px;font-size:.78rem;font-weight:800;display:grid}.send-panel select{background:#fff;border:1px solid #cbd5d0;padding:12px}.send-panel>button:not(.close-send),.send-panel>a{color:#fff;cursor:pointer;background:#17231e;border:0;margin-top:12px;padding:12px 17px;font-weight:900;text-decoration:none;display:inline-block}.send-note{background:#e7f2b5;padding:10px;font-weight:800;color:#26330e!important}.close-send{cursor:pointer;background:0 0;border:0;position:absolute;top:10px;right:10px}.no-project a{color:#4f7012;font-weight:800}.send-panel .stripe-pay{background:#635bff}.payment-return{background:#fff;border-left:3px solid #635bff;padding:9px 12px;color:#303933!important}.send-panel button:disabled{opacity:.45;cursor:not-allowed}.material-calc{border-top:2px solid #17231e;margin-top:22px;padding-top:18px}.material-calc>small{letter-spacing:.1em;color:#668d1d;font-size:.66rem;font-weight:900}.measure-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.material-calc label{gap:5px;font-size:.7rem;font-weight:800;display:grid}.material-calc input,.material-calc select{width:100%;font:inherit;background:#fff;border:1px solid #cbd5d0;padding:9px}.material-calc>label{margin-top:9px}.material-result{color:#fff;background:#17231e;gap:7px;margin-top:12px;padding:12px;display:grid}.material-result span{justify-content:space-between;gap:12px;font-size:.73rem;display:flex}.material-result strong{color:#d9f23f;font-size:1rem}.material-calc>p{color:#65736c;font-size:.66rem;line-height:1.45}.supplier-quote{color:#17231e;background:#d9f23f;grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);align-items:start;gap:42px;padding:70px 5%;display:grid}.supplier-quote>div>small{letter-spacing:.12em;font-size:.7rem;font-weight:900}.supplier-quote h2{max-width:620px;margin:12px 0 16px;font-size:clamp(2rem,4vw,4rem);line-height:.96}.supplier-quote>div>p{max-width:600px;line-height:1.6}.supplier-card{background:#fff;padding:24px;box-shadow:0 14px 40px #31400f28}.supplier-summary{border-bottom:1px solid #d8dfda;gap:10px;padding-bottom:18px;display:grid}.supplier-summary span{justify-content:space-between;gap:16px;font-size:.83rem;display:flex}.supplier-summary strong{color:#506f13;font-size:1.2rem}.supplier-card>button,.supplier-request button{color:#fff;cursor:pointer;background:#17231e;border:0;padding:13px 18px;font-weight:900}.supplier-card>button{width:100%;margin-top:18px}.supplier-request{border-top:1px solid #d8dfda;margin-top:18px;padding-top:18px}.supplier-request label{gap:6px;font-size:.76rem;font-weight:900;display:grid}.supplier-request input,.supplier-request textarea{font:inherit;background:#f8faf9;border:1px solid #bdc9c2;padding:11px}.supplier-request textarea{resize:vertical;width:100%;min-height:205px;margin-top:12px;font-size:.78rem;line-height:1.5}.supplier-request>div{gap:8px;margin-top:8px;display:flex}.supplier-request .share-request{background:#668d1d;flex:1}.supplier-request p{background:#edf5ce;padding:10px;font-size:.76rem;font-weight:800}.supplier-request>small{color:#65736c;margin-top:12px;line-height:1.5;display:block}@media (width<=760px){.supplier-quote{grid-template-columns:1fr;gap:24px;padding:48px 5%}.supplier-card{padding:18px}.supplier-request>div{flex-direction:column}}.revenue-note{background:#ffffff75;border-left:4px solid #17231e;gap:5px;max-width:560px;margin-top:24px;padding:16px;display:grid}.revenue-note span{font-size:.78rem;line-height:1.5}.supplier-request>div.supplier-paywall{display:block}.supplier-paywall small{letter-spacing:.08em;color:#668d1d;font-weight:900}.supplier-paywall h3{margin:7px 0}.supplier-paywall>a{text-align:center;color:#fff;background:#635bff;padding:13px 18px;font-weight:900;text-decoration:none;display:block}.supplier-paywall .payment-return{background:#f4f3ff;border-left:3px solid #635bff}.supplier-paywall button{width:100%}.quote-comparison{color:#17231e;background:#f2f5f3;padding:70px 5%}.quote-heading{max-width:760px;margin-bottom:28px}.quote-heading>small{letter-spacing:.12em;color:#668d1d;font-size:.7rem;font-weight:900}.quote-heading h2{margin:10px 0;font-size:clamp(2rem,4vw,3.8rem);line-height:1}.quote-heading p{color:#65736c}.quote-table{gap:12px;display:grid}.quote-row{background:#fff;border:1px solid #d8dfda;grid-template-columns:90px 1.2fr 1fr .8fr .8fr 150px;align-items:end;gap:12px;padding:16px;display:grid}.quote-row.best{background:#fbfff0;border:2px solid #668d1d}.quote-position{align-self:center}.quote-position>span{color:#fff;background:#17231e;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.quote-position b{color:#668d1d;margin-top:6px;font-size:.58rem;display:block}.quote-row label{gap:5px;font-size:.68rem;font-weight:900;display:grid}.quote-row input{width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #c9d3cd;padding:10px}.quote-total{text-align:right;gap:4px;display:grid}.quote-total small{font-size:.58rem;font-weight:900}.quote-total strong{font-size:1.25rem}.best-result{color:#fff;background:#17231e;align-items:center;gap:24px;margin-top:8px;padding:22px;display:flex}.best-result div{gap:4px;display:grid}.best-result small{letter-spacing:.1em;color:#d9f23f;font-size:.62rem}.best-result strong{color:#d9f23f;font-size:2rem}.best-result span{margin-left:auto;font-size:.78rem}@media (width<=1000px){.quote-row{grid-template-columns:60px 1fr 1fr}.quote-total{grid-column:3}.best-result{flex-wrap:wrap}.best-result span{width:100%;margin-left:0}}@media (width<=620px){.quote-comparison{padding:48px 5%}.quote-row{grid-template-columns:46px 1fr}.quote-position{grid-row:span 5}.quote-total{text-align:left;grid-column:2}.best-result{gap:12px}}.quote-row.chosen{box-shadow:inset 0 0 0 3px #17231e}.quote-total button{color:#fff;cursor:pointer;background:#17231e;border:0;padding:8px 10px;font-size:.68rem;font-weight:900}.quote-total button:disabled{opacity:.35;cursor:not-allowed}.builder-approval{background:#fff;border:2px solid #17231e;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:22px;display:grid}.builder-approval small{letter-spacing:.1em;color:#668d1d;font-size:.62rem;font-weight:900}.builder-approval h3{margin:5px 0}.builder-approval p{color:#65736c;font-size:.78rem}.builder-approval>div:last-of-type{align-items:end;gap:10px;display:flex}.builder-approval label{gap:5px;font-size:.68rem;font-weight:900;display:grid}.builder-approval select{background:#fff;border:1px solid #c9d3cd;padding:11px}.builder-approval button,.builder-approval>a{color:#fff;cursor:pointer;background:#668d1d;border:0;padding:12px 16px;font-weight:900;text-decoration:none}.builder-approval>p{background:#edf5ce;grid-column:1/-1;padding:10px;font-weight:800}@media (width<=760px){.builder-approval{grid-template-columns:1fr}.builder-approval>div:last-of-type{display:grid}.builder-approval select{width:100%}}.materials-order{color:#fff;background:#17231e;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:24px;display:grid}.materials-order small{letter-spacing:.1em;color:#d9f23f;font-size:.62rem;font-weight:900}.materials-order h3{margin:6px 0}.materials-order p{color:#cbd7d1;margin:0;font-size:.8rem;line-height:1.5}.materials-order>button,.order-fields>button{color:#17231e;cursor:pointer;background:#d9f23f;border:0;padding:12px 16px;font-weight:900}.order-fields{border-top:1px solid #43534c;grid-column:1/-1;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:10px;padding-top:18px;display:grid}.order-fields label{gap:6px;font-size:.68rem;font-weight:900;display:grid}.order-fields input,.order-fields select{color:#17231e;width:100%;font:inherit;background:#fff;border:1px solid #697a72;padding:11px}.order-fields p{color:#fff;background:#293a33;grid-column:1/-1;padding:11px;font-weight:800}.order-fields a{color:#d9f23f}@media (width<=900px){.order-fields{grid-template-columns:1fr 1fr}.materials-order{grid-template-columns:1fr}}@media (width<=560px){.order-fields{grid-template-columns:1fr}}
