@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#313131;background:#f2f2f2;--ui-dark:#454545;--muted:#878787;--border:#e4e4e4;--accent:#d3d3d3}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid #828282;outline-offset:3px}header{height:88px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedede;background:#fbfbfb}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:16px;font-weight:700;letter-spacing:2px}.brandmark{font:800 43px 'Manrope',sans-serif;letter-spacing:-5px;background:var(--ui-dark);color:#e8e8e8;width:47px;height:47px;line-height:36px;border-radius:2px;padding-left:5px}.brand-sub{display:block;font-size:8px;letter-spacing:2px;font-weight:500;margin-top:4px}.header-note{font-size:12px;color:#818181}.dot{display:inline-block;width:6px;height:6px;background:#808080;border-radius:50%;margin-right:8px}.button{border:1px solid #d8d8d8;padding:12px 16px;border-radius:4px;font-weight:550;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:24px}.secondary{background:transparent}.primary{background:var(--ui-dark);border-color:var(--ui-dark);color:#fff}.button span{font-size:19px;line-height:16px}main{display:grid;grid-template-columns:minmax(0,1fr) 386px;height:calc(100dvh - 88px)}#viewer{position:relative;overflow:hidden;background:#eeeeee}#scene{width:100%;height:100%;display:block;touch-action:none;outline:none}.scene-title{position:absolute;left:40px;top:32px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;margin:0 0 12px;color:#868686}h1{font:500 clamp(25px,3vw,46px)/1.14 'Manrope',sans-serif;letter-spacing:-1.8px;margin:0;color:#3c3c3c}.scene-title>p:last-child{font-size:11px;color:#878787;margin-top:14px}.view-tools{position:absolute;right:22px;bottom:72px;display:flex;flex-direction:column;background:#fbfbfb;box-shadow:0 4px 18px #3131310b;border:1px solid #dfdfdf;border-radius:5px}.view-tools button{background:none;border:0;width:38px;height:39px;color:#555555;font-size:21px}.view-tools button+button{border-top:1px solid #eaeaea}.view-tools button:hover{background:#ececec}.scene-footer{position:absolute;bottom:0;left:0;right:0;height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:10px;color:#8b8b8b;background:#f3f3f3a6}.scene-footer button{border:0;background:none;font-size:10px;color:#606060}.gesture{font-size:20px;vertical-align:middle;margin-right:6px}.divider{padding:0 10px;color:#bbbbbb}.scene-footer button span{margin-left:9px}aside{background:#fcfcfc;display:flex;flex-direction:column;min-height:0;border-left:1px solid #dfdfdf}.panel-heading{padding:25px 25px 20px;display:flex;justify-content:space-between;align-items:center}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:9px}h2{font-family:'Manrope',sans-serif;font-weight:650;font-size:20px;letter-spacing:-.7px;margin:0}.step-label{font-size:9px;color:#a8a8a8}form{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dbdbdb transparent;padding:0 25px}.config-section{border-top:1px solid var(--border);padding:20px 0}h3{font-size:13px;font-weight:600;display:flex;gap:12px;align-items:center;margin:0 0 19px}h3>span{font-size:9px;color:#979797;font-weight:500}fieldset{border:0;margin:0 0 17px;padding:0;min-width:0}legend,.choice-label,.select-row{font-size:11px;margin-bottom:9px;color:#696969}.segments{display:grid;grid-template-columns:1fr 1fr;gap:7px}.segments label{position:relative}.segments input,.leathers input{position:absolute;opacity:0}.segments span{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e1e1e1;border-radius:4px;min-height:40px;font-size:11px;transition:.16s;background:#fff;cursor:pointer}.segments small{font-size:9px;color:#a5a5a5}.segments input:checked+span{background:#efefef;border-color:#7c7c7c;color:#444444}.segments input:focus-visible+span,.leathers input:focus-visible+span{outline:2px solid #8b8b8b;outline-offset:2px}.select-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.select-row select{background:#fff;border:1px solid #e1e1e1;border-radius:4px;padding:9px 10px;font-size:11px;color:#4c4c4c;width:65%}.toggle-row{display:flex;align-items:center;justify-content:space-between;position:relative;margin:15px 0 0;font-size:11px;cursor:pointer}.toggle-row>span:first-child{max-width:270px}.toggle-row small{display:block;color:#989898;font-size:9px;margin-top:4px;line-height:1.4}.toggle-row>input{position:absolute;right:0;opacity:0}.switch{position:relative;width:30px;height:17px;background:#dbdbdb;border-radius:15px;flex-shrink:0}.switch:after{content:'';position:absolute;width:11px;height:11px;top:3px;left:3px;border-radius:50%;background:#fff;transition:transform .16s}.toggle-row input:checked+.switch{background:#6a6a6a}.toggle-row input:checked+.switch:after{transform:translateX(13px)}.toggle-row input:focus-visible+.switch{outline:2px solid #8b8b8b;outline-offset:3px}.toggle-row input:disabled+.switch{opacity:.4}.choice-label{display:flex;justify-content:space-between;align-items:center}.choice-label strong{font-size:10px;font-weight:500;color:#878787}.swatches{display:grid;gap:9px}.veneer-swatches{grid-template-columns:repeat(5,1fr)}.fabric-swatches{grid-template-columns:repeat(8,1fr);gap:6px}.swatches button{padding:0;border:2px solid transparent;border-radius:4px;background-size:cover;background-position:center;position:relative;aspect-ratio:1}.swatches button:after{content:'';position:absolute;inset:2px;border:1px solid #00000007;border-radius:2px}.swatches button[aria-pressed=true]{outline:1px solid #616161;outline-offset:2px}.swatches button[aria-pressed=true]:before{content:'✓';position:absolute;right:3px;bottom:3px;font-size:10px;background:#fafafae0;z-index:1;width:15px;height:15px;border-radius:50%;color:#4f4f4f}.fabric-label{margin-top:20px}.material-code{color:#a7a7a7;font-size:8px;text-align:right;margin:10px 0 0}.three{grid-template-columns:repeat(3,1fr)}.config-section>.toggle-row+fieldset{margin-top:18px}.leathers{display:flex;gap:20px}.leathers label{font-size:10px;display:flex;align-items:center;gap:8px;cursor:pointer}.leathers span{width:20px;height:20px;border-radius:50%;background:var(--color);border:3px solid #fcfcfc}.leathers input:checked+span{outline:1px solid #888888}#chair-controls>fieldset{margin:17px 0 0}details{margin-top:17px;border:1px solid #e6e6e6;border-radius:4px;padding:10px 12px}summary{font-size:10px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}details p{font-size:9px;color:#8e8e8e;line-height:1.6}details label{display:grid;grid-template-columns:68px 1fr 42px;font-size:9px;gap:7px;align-items:center;margin:8px 0}input[type=range]{width:100%;accent-color:#6a6a6a;height:16px}output{text-align:right;color:#8b8b8b;font-size:8px}.text-button{font-size:9px;border:0;background:none;text-decoration:underline;color:#737373;padding:5px 0}.layout-section>p{font-size:10px;color:#9e9e9e;margin-top:-7px;margin-bottom:16px}.four{grid-template-columns:repeat(4,1fr)}.four span{flex-direction:column;gap:5px;font-size:9px;color:#929292;padding:12px 0}.four b{font:600 19px 'Manrope',sans-serif;color:#5c5c5c}.panel-bottom{border-top:1px solid var(--border);padding:16px 25px;display:flex;align-items:center;justify-content:space-between;background:#f7f7f7;gap:12px}.panel-bottom>span{font-size:10px;color:#929292}.panel-bottom .button{font-size:10px;padding:11px 13px;gap:18px}#loading{position:absolute;inset:0;background:#eeeeee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:5}#loading[hidden]{display:none}#loading strong{font-size:14px;font-weight:500}#loading span{font-size:11px;color:#8b8b8b}.spinner{width:30px;height:30px;border:2px solid #d9d9d9;border-top-color:#696969;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);background:#454545eF;padding:12px 22px;border-radius:4px;color:#fff;font-size:11px;max-width:90%;text-align:center}dialog{border:1px solid #dadada;border-radius:8px;padding:35px;width:440px;max-width:90vw;color:#484848;background:#fcfcfc;box-shadow:0 20px 100px #29292944}dialog::backdrop{background:#2e2e2e55}dialog h2{font-size:30px;margin-bottom:24px}dialog p{font-size:12px;line-height:1.7;color:#848484}dialog .primary{width:100%;margin-top:25px}.close{position:absolute;top:12px;right:14px;background:none;border:0;color:#929292;font-size:23px}.arm-hover,.arm-dragging{cursor:ns-resize!important}.base-hover,.base-dragging{cursor:move!important}
@media(min-width:1600px){main{grid-template-columns:minmax(0,1fr) 420px}.panel-heading,form{padding-left:30px;padding-right:30px}.scene-title{left:55px;top:45px}}
@media(max-width:1000px){main{grid-template-columns:minmax(0,1fr) 335px}header{padding:0 22px}.header-note{display:none}.scene-title{left:25px;top:24px}.scene-footer{padding:0 16px}.scene-footer>span{font-size:9px}.divider{padding:0 5px}form{padding:0 20px}.panel-heading{padding-left:20px;padding-right:20px}.panel-heading h2{font-size:18px}.step-label{display:none}}
@media(max-width:700px){header{height:66px;padding:0 16px}.brand{font-size:12px;gap:9px;letter-spacing:1.5px}.brandmark{width:36px;height:36px;font-size:34px;line-height:28px;letter-spacing:-4px;padding-left:4px}.brand-sub{font-size:6px;letter-spacing:1.2px}.secondary{font-size:0;gap:0;padding:10px 12px}.secondary span{font-size:20px}main{height:auto;display:flex;flex-direction:column}#viewer{height:54dvh;min-height:340px;position:sticky;top:0;z-index:2;border-bottom:1px solid #dddddd}.scene-title{top:18px;left:20px}.scene-title .eyebrow{font-size:7px;margin-bottom:8px}h1{font-size:25px;letter-spacing:-1px}.scene-title>p:last-child{font-size:9px;margin-top:8px}.scene-footer{height:38px;padding:0 12px;font-size:8px}.scene-footer>span{font-size:8px}.scene-footer button{font-size:8px}.view-tools{right:12px;bottom:52px}.view-tools button{width:32px;height:32px;font-size:18px}aside{border:0}.panel-heading{padding:24px 22px}.panel-heading h2{font-size:22px}form{overflow:visible;padding:0 22px}.config-section{padding:24px 0}.segments span{min-height:44px;font-size:12px}.swatches{max-width:380px}.fabric-swatches{gap:9px}.toggle-row{font-size:12px;min-height:32px}.toggle-row small{font-size:10px}.panel-bottom{position:sticky;bottom:0;z-index:3;padding-bottom:max(16px,env(safe-area-inset-bottom));}.panel-bottom>span{font-size:11px}.panel-bottom .button{font-size:12px}.panel-heading .eyebrow{font-size:8px}.four span{min-height:69px}.choice-label{font-size:12px}.leathers label{font-size:12px}summary{font-size:12px}details label{font-size:11px;grid-template-columns:82px 1fr 45px}details p{font-size:10px}#loading strong{font-size:12px}dialog{padding:28px}#toast{bottom:55px}}

@media(min-width:701px){body{overflow:hidden}main{min-height:0}#scene{width:100%!important;height:100%!important}}
.app-title{font-size:15px;font-weight:500;letter-spacing:0}header{height:64px;padding:0 24px}main{height:calc(100dvh - 64px)}.panel-heading{padding:22px 25px}.scene-title>p:last-child{margin:0;color:#646464;font-size:11px}.scene-title{top:22px;left:24px}#sitto-controls .select-row{display:flex}.config-section details p{font-size:10px;color:#818181}.four span{min-height:44px;padding:8px}.four b{font-size:16px}@media(max-width:700px){header{height:54px;padding:0 16px}.app-title{font-size:13px}main{height:auto}#scene{width:100%!important;height:100%!important}}
@media(min-width:701px){html,body{height:100%;overflow:clip}body{position:fixed;inset:0}#configuration{min-height:0}}
@media(max-width:700px){html{scroll-padding-top:calc(max(340px,54dvh) + 12px);scroll-padding-bottom:86px}#configuration input,#configuration select,#configuration summary,#configuration button{scroll-margin-top:calc(max(340px,54dvh) + 12px);scroll-margin-bottom:86px}}
@media(max-width:700px){html,body{height:100%;overflow:hidden;scroll-padding:0}body{position:fixed;inset:0}main{height:calc(100dvh - 54px);min-height:0}#viewer{position:relative;top:auto;height:46dvh;min-height:260px;flex:0 0 auto}aside{flex:1;min-height:0}.panel-heading{padding:15px 22px;flex-shrink:0}.panel-heading h2{font-size:18px}#configuration{overflow-y:auto;min-height:0;overscroll-behavior:contain}.panel-bottom{position:static;flex-shrink:0;padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}#configuration input,#configuration select,#configuration summary,#configuration button{scroll-margin:8px}}
@media(max-width:700px){html,body{overflow:clip}aside{overflow:hidden}}
header .brand-logo{display:block;width:119px;height:50px;object-fit:contain}@media(max-width:700px){header .brand-logo{width:100px;height:42px}}

#privacy-multiple:disabled{opacity:.45}

.veneer-swatches,.laminate-swatches{grid-template-columns:repeat(6,1fr)}

#mobile-ped-option[hidden]{display:none}