@font-face{font-family:Studio;src:local('Avenir Next'),local('Avenir'),local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fbfcf9;color:#27312c;font:14px Studio,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{opacity:.43;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #8fa76b;outline-offset:4px}button{transition:background .18s,transform .18s}button:hover:not(:disabled){filter:brightness(.96)}.header{height:91px;padding:0 5%;display:flex;align-items:center;border-bottom:1px solid #e3e7df;gap:24px}.brand{font-family:Arial,sans-serif;font-weight:950;letter-spacing:-2px;font-size:29px;position:relative}.brand>span:not(.brand-dot){color:#8c9b5d}.brand-dot{font-size:9px;letter-spacing:0;position:absolute;right:-10px;top:1px}.header-separator{height:22px;width:1px;background:#d9ded5;margin-left:11px}.studio-word{font-size:10px;font-weight:650;letter-spacing:2.7px}.header nav{display:flex;align-items:center;gap:34px;margin-left:80px;font-size:12px;color:#7b827b;height:100%}.header nav a{height:100%;display:flex;align-items:center;position:relative}.header nav .active{color:#29382d}.header nav .active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#7d9161}.header nav a span{font-size:10px;background:#e9eddf;padding:1px 6px;border-radius:9px;margin-left:7px;color:#697856}.text-button{font-size:12px;color:#72796f;padding:6px 0}.edition{margin-left:auto;letter-spacing:1.8px;font-size:9px;color:#8e948a}main{max-width:1460px;padding:0 5%;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 34px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#82906e;display:flex;align-items:center;gap:7px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:#8b9e6e;border-radius:100%}.intro h1{font-size:43px;line-height:1.25;font-weight:650;letter-spacing:-2px;margin:13px 0 13px}.intro h1 span{font-weight:380;color:#788765}.intro p{color:#879080;font-size:12px;margin:0;letter-spacing:.3px}.intro-note{display:flex;align-items:center;gap:17px;font-size:12px;margin-top:20px}.intro-note .line-icon{font-size:37px;font-weight:200;color:#8c9c72}.intro-note small{display:block;color:#969c91;font-size:10px;margin-top:7px}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:48px;align-items:start}.viewer{height:590px;border:1px solid #e5e9df;border-radius:8px;background:radial-gradient(ellipse at 50% 42%,#f4f5ed 0%,#edf0e6 67%,#e9ede2 100%);position:relative;overflow:hidden}.viewer-top{position:absolute;z-index:4;left:22px;right:24px;top:21px;display:flex;align-items:center;justify-content:space-between}.segmented{background:#e3e7dc99;display:flex;padding:4px;border-radius:6px;gap:1px}.segmented button{border-radius:4px;padding:9px 12px;font-size:11px;color:#7e8779}.segmented button.selected{background:#fff;box-shadow:0 1px 6px #263a2210;color:#43503c}.segmented button span{font-size:13px;margin-right:4px}.view-label{font-size:8px;letter-spacing:1.8px;color:#929d84}.image-stage{position:absolute;inset:83px 42px 80px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.image-stage img{width:95%;height:95%;object-fit:contain;mix-blend-mode:multiply;transform-origin:center;user-select:none;transition:opacity .15s;cursor:zoom-in}.model-stage{position:absolute;inset:70px 0 75px;touch-action:none;cursor:grab}.model-stage:active{cursor:grabbing}.model-stage canvas{display:block;width:100%;height:100%}.model-loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:#8a967d}.viewer-bottom{position:absolute;bottom:22px;left:23px;right:23px;display:flex;align-items:center;justify-content:space-between;color:#8d9982;font-size:9px;letter-spacing:1px}.small-dot{height:7px;width:7px;display:inline-block;border-radius:100%;margin-right:7px;background:#a9b49a}.zoom-controls{display:flex;gap:7px;align-items:center}.zoom-controls button{font-size:19px;width:27px;height:27px;line-height:1;background:#f6f8efaa;border-radius:4px}.zoom-controls #zoom-label{font-size:9px;min-width:31px;text-align:center}.view-switch{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:#fff;display:flex;padding:4px;border-radius:5px;box-shadow:0 3px 10px #37462f06;z-index:3}.view-switch button{font-size:10px;padding:8px 13px;border-radius:3px;white-space:nowrap;color:#929b89}.view-switch button.selected{background:#e8eddf;color:#536347}.viewer-note{color:#9aA090;font-size:10px;text-align:center;margin:13px 0 0}.product-panel{padding:7px 0 0}.product-kicker{display:flex;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:1.7px;color:#88917d}.product-kicker>span+span{font-weight:400;color:#afb4a8}.product-panel h2{font-size:35px;letter-spacing:-1.6px;font-weight:600;margin:14px 0 6px;line-height:1.2}.product-panel h2>span{color:#86936d;font-weight:380}.product-subtitle{font-size:11px;color:#8a9282;margin:0 0 19px}.spec-tags{display:flex;gap:8px}.spec-tags>span{font-size:8px;letter-spacing:.8px;color:#7a856b;padding:6px 9px;border:1px solid #e2e7d9;border-radius:3px}.rule{height:1px;background:#e9ece4;margin:22px 0 18px}.field-label{display:flex;align-items:center;gap:10px;font-size:9px;color:#a9b19e;letter-spacing:.5px;margin-bottom:9px}.field-label>span:not(.english){font-size:12px;color:#56614e;letter-spacing:.5px}.field-label .english{margin-left:auto;font-size:8px;letter-spacing:1.2px;color:#969f8b}select{border:1px solid #e0e5d7;background:#fff;border-radius:4px;width:100%;height:40px;padding:0 13px;font-size:11px;color:#5e6a52}.colour-section{margin-top:23px}.selected-colour{display:flex;align-items:center;margin:14px 0 13px;gap:11px;min-height:32px}.selected-colour>span{width:30px;height:30px;border:1px solid #0000000b;border-radius:50%}.selected-colour strong{font-size:12px;font-weight:550}.selected-colour small{display:block;font-size:9px;color:#949d87;letter-spacing:1px;margin-top:3px}.selected-colour .text-button{margin-left:auto;font-size:9px}.search{height:33px;border:1px solid #e7eadf;border-radius:4px;display:flex;align-items:center;gap:8px;padding:0 9px;background:#fff;margin-bottom:14px}.search>span{font-size:23px;color:#a1aa94}.search input{border:0;width:100%;font-size:10px;background:none;outline:none;color:#47523d;min-width:0}.search input::placeholder{color:#aab09f}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:12px 11px}.swatch{padding:0;border-radius:50%;width:30px;height:30px;background:var(--colour);border:1px solid #00000012;position:relative;margin:auto;transition:transform .16s}.swatch:hover{transform:scale(1.13)}.swatch.selected{outline:1.5px solid #74865d;outline-offset:4px}.swatch.selected:after{content:'✓';color:var(--ink);font-size:12px;position:absolute;inset:0;display:grid;place-items:center}.swatch.in-compare:before{content:'';position:absolute;right:-1px;top:-1px;width:7px;height:7px;border-radius:50%;border:2px solid #fbfcf9;background:#7b8f61}.colour-hint{font-size:9px;color:#a2aa96;margin:15px 0 19px}.colour-hint>span{margin-right:5px;color:#8da476}.primary,.secondary{font-size:11px;border-radius:4px;padding:12px 17px;font-weight:500;display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:41px}.primary{background:#3d4d37;color:#f8faf1}.primary:hover{background:#4d6043}.secondary{background:#fff;border:1px solid #dce3d3;color:#617052}.add-button{width:100%;display:flex;justify-content:center;position:relative;letter-spacing:.3px}.add-button span:first-child{font-size:17px;font-weight:300}.add-button span:last-child{position:absolute;right:15px;color:#d4dfc4}.product-panel>.secondary{width:100%;margin-top:9px;background:transparent}.product-links{display:flex;justify-content:space-between;margin-top:15px;font-size:9px;color:#8a947d}.product-links button{font-size:10px;color:#7a866e}.product-links button span{margin-left:5px}.comparison{margin:43px 0 0;border-top:1px solid #e3e8dc;padding-top:32px;scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.section-heading h2{font-size:22px;font-weight:500;letter-spacing:-.5px;margin:9px 0 0}.section-heading h2>span{font-size:10px;margin-left:17px;letter-spacing:1px;color:#9ca58f;font-weight:400}.comparison-actions{display:flex;align-items:center;gap:10px}.comparison-actions>.text-button{font-size:10px;margin-right:4px}.comparison-actions .primary,.comparison-actions .secondary{font-size:10px;padding:10px 13px;min-height:36px}.compare-view{display:flex;gap:7px;align-items:center;font-size:9px;color:#8b967e;margin-top:23px;margin-bottom:16px}.compare-view>span{margin-right:4px}.compare-view>button{border-radius:3px;padding:6px 12px;font-size:9px}.compare-view>button.selected{background:#e7eddf;color:#62734c}.compare-view small{margin-left:auto;color:#a7ae9e;font-size:9px}.compare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.compare-card{position:relative;border:1px solid #e5e9dd;border-radius:6px;background:#fff;overflow:hidden}.compare-card .card-image{height:208px;background:#f2f4ee;display:flex;align-items:center;justify-content:center;position:relative}.compare-card img{width:90%;height:90%;object-fit:contain;mix-blend-mode:multiply}.compare-card .remove{position:absolute;top:10px;right:10px;z-index:1;background:#ffffffbb;width:23px;height:23px;border:1px solid #e6eadf;border-radius:50%;font-size:15px;color:#93a184}.compare-card .card-label{padding:13px 15px}.compare-card strong{font-size:11px;font-weight:500;display:flex;align-items:center;gap:7px}.compare-card strong i{width:9px;height:9px;border-radius:50%;border:1px solid #00000012}.compare-card small{font-size:9px;color:#a0a991;display:block;margin-top:5px;letter-spacing:1px}.compare-card .view-tag{position:absolute;bottom:8px;left:10px;font-size:8px;color:#98a38b}.compare-empty{height:263px;border:1px dashed #d7dfcc;border-radius:6px;background:#f6f8f0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#acb69c;font-size:10px}.compare-empty>span{font-size:27px;font-weight:200;margin-bottom:10px;color:#b9c3ac}.compare-empty>small{font-size:9px;color:#b8c0ac;margin-top:7px}.compare-note{font-size:9px;color:#a3ab97;margin:15px 0 0;line-height:1.8}.howto{margin-top:42px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;border-top:1px solid #e6eadf;padding:28px 0 35px}.howto-title>span{color:#8b9878;font-size:9px;letter-spacing:1px}.howto h3{font-weight:400;font-size:17px;margin:9px 0 0}.howto>div:not(.howto-title){padding-top:4px}.howto b{font-size:10px;color:#a0ad8b;font-weight:500;margin-right:12px}.howto strong{font-size:11px;font-weight:500}.howto p{font-size:9px;color:#a2ab95;margin-left:26px;line-height:1.7}footer{border-top:1px solid #e2e7db;display:flex;gap:24px;align-items:center;padding:23px 5%;background:#f5f7f0}footer .brand{font-size:21px}footer>span{font-size:10px;color:#939e83}footer>small{margin-left:auto;font-size:8px;letter-spacing:1.7px;color:#a9b09d}[hidden]{display:none!important}dialog{border:1px solid #e2e8d8;box-shadow:0 25px 100px #24321c33;border-radius:12px;padding:37px;width:min(620px,calc(100% - 30px));color:#35432b;background:#fbfcf8;max-height:90dvh;overflow:auto}dialog::backdrop{background:#1b2b1b70;backdrop-filter:blur(5px)}dialog h2{font-size:25px;font-weight:500;margin:13px 0 10px}dialog p{line-height:1.8;font-size:12px}dialog .close-dialog{position:absolute;top:12px;right:16px;font-size:26px;color:#8b977c}dialog input:not([type=checkbox]){display:block;width:100%;border:1px solid #d9e2ce;border-radius:4px;padding:11px 12px;color:#526446;background:#fff;margin:8px 0 16px;font-size:12px}dialog label{font-size:11px;color:#7e8c70}.muted{color:#8e9c7d}.small{font-size:10px!important}.export-options{display:flex;justify-content:space-between;gap:10px;font-size:9px;align-items:center;color:#8e9c7d;margin:13px 0}.export-options label{display:flex;align-items:center;gap:7px;font-size:11px}.export-options input{accent-color:#637b4a}.export-preview{background:#edf1e6;border-radius:7px;min-height:130px;display:flex;justify-content:center;padding:10px;align-items:center}.export-preview canvas{width:auto;max-width:100%;max-height:380px;box-shadow:0 2px 12px #24341916}.dialog-actions{display:flex;gap:9px;margin-top:17px}.dialog-actions>button{flex:1}.whatsapp-details{border-top:1px solid #dde5d3;margin-top:24px;padding-top:18px}.whatsapp-details summary{font-size:12px;cursor:pointer}.whatsapp-details p{font-size:10px;color:#94a086}.whatsapp-details>.secondary{width:100%}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#33452e;color:#fff;padding:13px 21px;border-radius:6px;font-size:12px;box-shadow:0 8px 40px #263a2022;z-index:100;transition:.2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.size-table{width:100%;border-collapse:collapse;font-size:11px;margin:20px 0}.size-table td,.size-table th{padding:10px;border-bottom:1px solid #e0e7d7;text-align:center}.size-table th{color:#7f8e6c;font-weight:500}.info-list{padding-left:20px;font-size:12px;line-height:2.2}.source-links{display:flex;gap:10px;margin-top:20px}.source-links a{border:1px solid #d6dfca;font-size:11px;padding:10px 14px;border-radius:4px}.missing-card{font-size:10px;line-height:1.9;color:#9baa88;text-align:center}#missing-photo{font-size:14px;text-align:center;line-height:2.2;color:#8b997b}#missing-photo small{font-size:11px}#no-colours{font-size:11px;color:#95a086;min-height:80px}#model-error{line-height:2;padding:50px;text-align:center;font-size:12px;color:#7d8d6b}
@media(min-width:1500px){.viewer{height:620px}.swatches{gap:15px}.product-panel h2{margin-top:20px}.colour-section{margin-top:26px}}@media(max-width:1100px){.header nav{margin-left:20px;gap:22px}.edition{display:none}.workspace{gap:28px;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr)}.viewer{height:600px}.viewer-top{left:14px;right:14px}.view-label{display:none}.viewer-bottom{left:15px;right:15px}.viewer-bottom>div:first-child{max-width:100px;font-size:8px;letter-spacing:.3px}.zoom-controls{gap:1px}.view-switch{bottom:55px}.compare-card .card-image{height:180px}.intro h1{font-size:37px}.swatches{gap:12px 7px}.swatch{width:28px;height:28px}.intro-note{font-size:10px}.intro-note small{font-size:9px}}@media(max-width:760px){.header{height:70px;padding:0 5%;gap:19px}.brand{font-size:25px}.studio-word{font-size:9px;letter-spacing:2px}.header-separator{margin-left:5px}.header nav{margin-left:auto;gap:0}.header nav>a{display:none}.header nav>.text-button{font-size:10px}.intro{padding:32px 0 24px}.intro h1{font-size:33px;letter-spacing:-1.5px}.intro .eyebrow{font-size:8px;letter-spacing:1.8px}.intro p{font-size:10px;line-height:1.9;max-width:290px}.intro-note{display:none}.workspace{grid-template-columns:1fr;gap:24px}.viewer{height:460px}.viewer-top{top:15px}.image-stage{inset:65px 12px 75px}.segmented button{font-size:10px;padding:8px 11px}.view-switch{bottom:20px}.viewer-bottom{bottom:21px}.viewer-bottom>div:first-child{max-width:90px;font-size:7px}.zoom-controls #zoom-label{display:none}.zoom-controls button{width:24px;height:25px;font-size:16px}.viewer-note{font-size:8px;margin:10px 0 0}.product-panel{padding:0 3px}.product-kicker{font-size:8px}.product-panel h2{font-size:32px;margin-top:12px}.rule{margin:20px 0}.spec-tags>span{font-size:8px}.swatches{grid-template-columns:repeat(8,1fr);gap:17px 10px;margin:20px 0}.swatch{width:32px;height:32px}.selected-colour strong{font-size:13px}.search{height:36px}.search input{font-size:11px}.primary,.secondary{min-height:44px;font-size:12px}.colour-section{margin-top:21px}.product-links{margin-top:19px}.comparison{margin-top:32px;padding-top:28px}.section-heading{align-items:flex-start;flex-direction:column;gap:17px}.section-heading h2{font-size:20px}.comparison-actions{width:100%;gap:8px}.comparison-actions .text-button{margin-right:auto}.comparison-actions>.primary,.comparison-actions>.secondary{font-size:10px;padding:10px 12px}.compare-grid{grid-template-columns:repeat(2,1fr);gap:11px}.compare-card .card-image{height:170px}.compare-empty{height:224px}.compare-card .card-label{padding:12px 10px}.compare-card strong{font-size:10px}.compare-card small{font-size:8px;letter-spacing:.8px}.compare-note{font-size:8px}.howto{grid-template-columns:repeat(3,1fr);gap:12px;padding:24px 0;margin-top:27px}.howto-title{grid-column:1/-1;margin-bottom:10px}.howto h3{font-size:18px}.howto p{font-size:8px;margin-left:0}.howto b{margin-right:7px}.howto strong{font-size:10px}footer{padding:22px 5%;gap:15px}footer>span{font-size:8px}footer>small{display:none}dialog{padding:31px 21px}dialog h2{font-size:23px}.export-options{align-items:flex-start}.export-options>span{font-size:8px;text-align:right}.model-stage{inset:60px 0 70px}.view-switch:has(.model-only:not([hidden])){bottom:55px}.export-preview canvas{max-height:320px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}