*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#252725;background:#f5f4f0;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #917445;outline-offset:4px}header{height:88px;padding:0 36px;border-bottom:1px solid #deded8;display:flex;align-items:center;justify-content:space-between;background:#faf9f6}.brand{display:flex;gap:13px;align-items:center;color:inherit;text-decoration:none;font-size:14px;letter-spacing:2px;font-weight:600}.brandmark{border:1px solid #9a8660;width:40px;height:42px;display:grid;place-items:center;font-family:Georgia,serif;font-size:19px;letter-spacing:-3px;padding-right:3px;color:#7b6542}.brand small{display:block;letter-spacing:1.7px;font-size:7px;margin-top:7px;font-weight:400}.header-note{font-size:9px;letter-spacing:2px;color:#898a81}.quiet{border:none;background:none;font-size:12px}.quiet span{margin-left:20px;color:#927a53}main{display:grid;grid-template-columns:minmax(0,1fr) 372px;min-height:calc(100vh - 88px)}.viewer{position:relative;min-height:810px;background:radial-gradient(ellipse at 50% 50%,#f0efeb,#e5e5df);overflow:hidden}.intro{position:absolute;z-index:2;top:40px;left:42px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;color:#8e7852}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3.3vw,48px);font-weight:400;letter-spacing:-1.5px;line-height:1.05;margin:16px 0}.intro p{font-size:12px;color:#777a72}.model-label{position:absolute;right:34px;top:43px;font-size:9px;letter-spacing:1.1px;display:flex;gap:7px;align-items:center}.muted{color:#9c9e96}.live-dot{width:5px;height:5px;border-radius:50%;background:#8b9476}#stage{position:absolute;inset:110px 0 147px;touch-action:none}#stage canvas{width:100%;height:100%;display:block}#loading{position:absolute;inset:0;display:grid;place-items:center;color:#8e7852;font-size:12px}.views{position:absolute;bottom:157px;left:50%;transform:translateX(-50%);display:flex;padding:5px;background:#ffffffb8;border:1px solid #ffffffcf;backdrop-filter:blur(12px);border-radius:30px;gap:2px;white-space:nowrap}.views button{background:none;border:0;border-radius:24px;padding:10px 15px;color:#777b75;font-size:11px}.views button.active{background:#252a27;color:white}.views button:last-child{border-left:1px solid #ddd;border-radius:0 22px 22px 0}.views button[aria-pressed=true]{color:#866638;background:#ece4d7}.viewer-bottom{position:absolute;bottom:119px;left:42px;right:35px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#92958c}.viewer-bottom button{border:0;background:none;color:#676c63;font-size:10px}.specs{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #d5d7cf;display:flex;justify-content:space-between;padding:25px 42px 26px}.specs>div{font-size:22px;font-family:Georgia,serif}.specs span{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.5px;margin-bottom:10px;color:#92958a}.specs small{font-family:Arial,sans-serif;font-size:11px;color:#81877b;margin-left:5px}.studio-toggle button{display:flex;align-items:center;gap:25px;border:0;background:none;font-size:12px;padding:0}.studio-toggle button span{font-size:20px;color:#6e735f;margin:0}aside{background:#faf9f6;display:flex;flex-direction:column;border-left:1px solid #d9dbd3}.aside-top{padding:31px 28px 22px;border-bottom:1px solid #e5e4dd}h2{font-family:Georgia,serif;font-weight:400;font-size:27px;letter-spacing:-.7px;margin:12px 0 8px}.aside-top p{font-size:11px;color:#8a8c81;margin:0}.options{padding:0 28px}.option{padding:19px 0;border-bottom:1px solid #e2e3dc}.option-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.option-title>span{font-size:9px;color:#a5a598}.option-title h3{margin:0;font-weight:500;font-size:13px}.option-title output{margin-left:auto;font-size:10px;color:#86897d}.option-title input{margin-left:auto}.swatches{display:flex;gap:12px}.swatches button{height:30px;width:30px;border:3px solid #faf9f6;border-radius:50%;outline:1px solid #dedfd8;position:relative}.swatches button.active{outline:1px solid #786746}.swatches button.active:after{content:'';position:absolute;inset:9px;border-radius:50%;background:#fff;box-shadow:0 0 4px #0005}.small button{width:24px;height:24px}.small button.active:after{inset:6px}.switch-row,.select-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#707568;margin-top:15px;gap:12px}input[type=checkbox]{appearance:none;width:29px;height:16px;background:#d4d7cd;border-radius:20px;position:relative;cursor:pointer;margin:0;flex-shrink:0}input[type=checkbox]:after{content:'';position:absolute;width:12px;height:12px;top:2px;left:2px;border-radius:50%;background:#fff;transition:transform .2s}input[type=checkbox]:checked{background:#80765a}input[type=checkbox]:checked:after{transform:translateX(13px)}.hint{font-size:10px;color:#96988d;line-height:1.6;margin:11px 0 0}.range-row{display:flex;align-items:center;font-size:10px;color:#86897d;gap:18px;margin-top:14px}.range-row input{width:100%;accent-color:#9b8966;height:3px}.range-row label{min-width:50px}input[type=text]{width:100%;background:transparent;border:1px solid #dcded4;padding:11px;font-size:11px;letter-spacing:1px;color:#494e42;border-radius:2px}.upload-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.upload{font-size:11px;cursor:pointer;color:#84704b}.upload-row button{background:none;border:0;font-size:10px;color:#929688}select{font-size:10px;border:1px solid #dfe1d5;background:#faf9f6;color:#4f5649;padding:7px;max-width:160px}.aside-bottom{margin-top:auto;padding:22px 28px}.price-line{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:14px}.price-line span:last-child{font-family:Georgia,serif;font-size:21px}.primary{display:flex;justify-content:center;gap:30px;align-items:center;background:#272c25;color:#fff;border:0;padding:15px;width:100%;font-size:11px;letter-spacing:.4px}.primary:hover{background:#3e4739}.aside-bottom p{text-align:center;font-size:9px;color:#95988b;margin:12px 0 0}dialog{border:1px solid #dedfd5;padding:36px;width:min(460px,92vw);background:#faf9f6;color:#252725}dialog::backdrop{background:#15191499;backdrop-filter:blur(7px)}.close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:25px;color:#7c8172}.dialog-sub{color:#8a8c81;font-size:12px}dl{font-size:12px;margin:26px 0}dl div{display:flex;justify-content:space-between;border-bottom:1px solid #e1e3d9;padding:11px 0;gap:20px}dt{color:#868b7c}dd{margin:0;text-align:right;overflow-wrap:anywhere}dialog .primary{margin-top:23px}.secondary{border:1px solid #d4d7cb;background:none;width:100%;padding:13px;font-size:11px;margin-top:9px}.download{display:block;text-align:center;color:#8b7b5f;margin-top:16px;font-size:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#252a24;color:white;font-size:12px;padding:15px 23px;z-index:9;display:none}.night .viewer{background:#191c1b}.night .intro h1{color:#e8e7df}.night .intro p{color:#959b8f}.night .model-label{color:#d9dccf}.night .specs{border-color:#343a33;color:#ddd}.night .studio-toggle button{color:#ddd}[hidden]{display:none!important}@media(min-width:1500px){main{grid-template-columns:minmax(0,1fr) 410px}.options{padding:0 35px}.intro{top:55px;left:60px}}@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 330px}.model-label{top:230px;left:42px}.header-note{display:none}.intro{left:28px}.specs{padding:25px 28px}.views button{padding:10px}.viewer-bottom{left:28px;right:20px}.viewer-bottom>span{max-width:130px;line-height:1.5}.options{padding:0 23px}}@media(max-width:740px){header{height:74px;padding:0 20px}.brand{font-size:11px}.quiet{font-size:10px}.quiet span{margin-left:6px}main{display:block}.viewer{min-height:640px}.intro{top:28px;left:24px}h1{font-size:35px}.model-label{top:190px;left:24px;font-size:8px}#stage{inset:150px 0 125px}.views{bottom:134px}.viewer-bottom{bottom:102px;left:24px;font-size:8px}.viewer-bottom>span{max-width:200px}.specs{padding:20px 24px}.specs>div{font-size:19px}.specs small{font-size:9px}.specs span{font-size:7px}.studio-toggle button{font-size:10px;gap:10px}.aside-top{padding:28px}.options{padding:0 28px}.option{padding:22px 0}.swatches button{width:36px;height:36px}.swatches button.active:after{inset:12px}.small button{width:30px;height:30px}.small button.active:after{inset:9px}.hint{font-size:11px}.aside-bottom{padding-bottom:35px}.viewer-bottom button{font-size:9px}}

#dealer{width:100%;max-width:none;padding:11px;font-size:12px}input:disabled{opacity:.4;cursor:default}
.option:has(#pattern){background:linear-gradient(135deg,#faf9f6,#f4f2ea);margin:0 -28px;padding:22px 28px;border-top:1px solid #e2e3dc}.option:has(#pattern) .switch-row{padding:10px 0;border-top:1px solid #e8e7e0;margin-top:0}.option:has(#pattern) .switch-row:first-of-type{border-top:0}.select-row{padding:9px 0;border-top:1px solid #e8e7e0;margin-top:0}.select-row select,.switch-row select{min-width:145px;border-radius:4px;padding:8px 28px 8px 9px;background:#fff;box-shadow:0 1px 0 #00000008}.upload{display:inline-flex;align-items:center;min-height:31px;padding:0 10px;border:1px dashed #bfb8a9;border-radius:4px;background:#fffaf0}.upload:hover{border-color:#84704b;background:#f7f0e3}.range-row{padding:8px 0}.options{padding-bottom:12px}#feltColors{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px 3px}#feltColors button{width:min(30px,100%);height:auto;aspect-ratio:1;justify-self:center}@media(max-width:740px){#feltColors button{width:min(36px,100%)}}
.option:has(#pattern){background:linear-gradient(135deg,#faf9f6,#f4f2ea);margin:0 -28px;padding:22px 28px;border-top:1px solid #e2e3dc}.option:has(#pattern) .switch-row{padding:10px 0;border-top:1px solid #e8e7e0;margin-top:0}.option:has(#pattern) .switch-row:first-of-type{border-top:0}.select-row{padding:9px 0;border-top:1px solid #e8e7e0;margin-top:0}.select-row select,.switch-row select{min-width:145px;border-radius:4px;padding:8px 28px 8px 9px;background:#fff;box-shadow:0 1px 0 #00000008}.upload{display:inline-flex;align-items:center;min-height:31px;padding:0 10px;border:1px dashed #bfb8a9;border-radius:4px;background:#fffaf0}.upload:hover{border-color:#84704b;background:#f7f0e3}.range-row{padding:8px 0}.options{padding-bottom:12px}#feltColors{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px 3px}#feltColors button{width:min(30px,100%);height:auto;aspect-ratio:1;justify-self:center}.aside-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.config-toggle{border:1px solid #d8d6cd;background:#fff;color:#615e54;border-radius:4px;font-size:10px;white-space:nowrap;padding:8px 9px}.config-toggle span{margin-left:5px;color:#947e59}.config-toggle:hover{border-color:#947e59;background:#f5f0e7}.show-config{position:absolute;z-index:3;right:30px;top:35px;box-shadow:0 5px 18px #00000012}main{height:calc(100vh - 88px);min-height:0}.viewer,aside{height:100%;min-height:0}aside{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b8b4aa transparent}main.config-hidden{grid-template-columns:minmax(0,1fr)}main.config-hidden aside{display:none}@media(max-width:740px){main{height:auto}.viewer{height:calc(100svh - 74px);min-height:570px}.viewer,aside{min-height:0}aside{height:auto;overflow:visible}.config-toggle{display:inline-flex;align-items:center;justify-content:center}.show-config{display:inline-flex!important;right:20px;top:22px;padding:10px 12px;box-shadow:0 5px 18px #00000018}.show-config[hidden]{display:none!important}.aside-top .config-toggle{display:inline-flex}#feltColors button{width:min(36px,100%)}}body.embedded header{display:none}body.embedded main{height:100vh}body.embedded .viewer{min-height:100vh}@media(max-width:740px){body.embedded .viewer{height:100svh;min-height:100svh}}
