html,body,#root{width:100%;height:100%;margin:0}html{background:#3a3734}body{min-width:320px;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#3a3734;color:#f4f1ed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,select,input,textarea{font:inherit}:root{--celeste-0: #f4ede6;--celeste-1: #eadccc;--celeste-2: #dfcab3;--celeste-3: #d5b999;--celeste-4: #cba880;--celeste-5: #bc9c79;--celeste-6: #a68365;--celeste-7: #8f6a50;--celeste-8: #79543d;--celeste-9: #63402d;--carbon-0: #f3f2f0;--carbon-1: #d7d4d0;--carbon-2: #aaa6a1;--carbon-3: #7c7874;--carbon-4: #5c5854;--carbon-5: #47433f;--carbon-6: #383532;--carbon-7: #2d2a28;--carbon-8: #242220;--carbon-9: #1b1a19;--panel-bg: rgba(31, 29, 27, .68);--panel-bg-hover: rgba(35, 33, 31, .78);--panel-border: rgba(188, 156, 121, .24);--field-bg: rgba(255, 255, 255, .075);--field-bg-hover: rgba(255, 255, 255, .11);--field-bg-focus: rgba(255, 255, 255, .13);--field-border: rgba(255, 255, 255, .12);--field-border-hover: rgba(203, 168, 128, .52);--text-primary: #f4f1ed;--text-secondary: #bdb8b2;--glass-blur: 20px}#root{width:100vw;height:100vh;overflow:hidden}.visualiser{position:relative;width:100%;height:100%}.model-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.15);border-top-color:var(--celeste-5);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.selector-drawer{position:fixed;top:1rem;left:1rem;z-index:20;width:280px;height:calc(100vh - 2rem);transition:transform .22s ease}.selector-drawer.is-open{transform:translate(0)}.selector-drawer.is-closed{transform:translate(calc(-100% - 1rem))}.selector-drawer-content{display:flex;flex-direction:column;gap:.6rem;box-sizing:border-box;width:100%;height:100%;overflow:hidden;padding:0}.selector-drawer-toggle{position:absolute;top:0;right:-44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:36px;height:48px;padding:0;color:var(--celeste-1);background:#1f1d1bd1;border:1px solid rgba(188,156,121,.34);border-left:none;border-radius:0 8px 8px 0;backdrop-filter:blur(var(--glass-blur)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(120%);box-shadow:5px 5px 20px #0003;cursor:pointer;font-size:1.8rem;line-height:1;user-select:none;-webkit-user-select:none;transition:color .15s ease,background .15s ease,border-color .15s ease}.selector-drawer-toggle:hover{color:#fff;background:#2d2a28f0;border-color:#cba88094}.selector-drawer-toggle:focus-visible{outline:2px solid var(--celeste-5);outline-offset:2px}.model-selector,.slab-selector{position:static;flex-shrink:0;box-sizing:border-box;width:100%;max-width:none;padding:.75rem;color:var(--text-primary);background:linear-gradient(145deg,#2d2a27b8,#181716a3);border:1px solid var(--panel-border);border-radius:10px;backdrop-filter:blur(var(--glass-blur)) saturate(115%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(115%);box-shadow:0 8px 30px #00000029,inset 0 1px #ffffff0e;transition:background .15s ease,border-color .15s ease}.model-selector:hover,.slab-selector:hover{border-color:#bc9c7961}.model-dropdown{box-sizing:border-box;width:100%;padding:.45rem;margin-bottom:.5rem;color:var(--text-primary);background:var(--field-bg);border:1px solid var(--field-border);border-radius:6px;font:inherit;outline:none}.model-name{color:var(--celeste-1);font-size:.85rem;font-weight:600;letter-spacing:.01em}.model-description{margin-top:.2rem;color:var(--text-secondary);font-size:.72rem;line-height:1.35}.selector-field{display:block;margin-bottom:.55rem}.selector-field:last-of-type{margin-bottom:.55rem}.selector-title{display:block;margin-bottom:.3rem;color:var(--celeste-4);font-size:.72rem;font-weight:600;letter-spacing:.035em;text-transform:uppercase}.slab-dropdown{box-sizing:border-box;width:100%;padding:.45rem;color:var(--text-primary);background:var(--field-bg);border:1px solid var(--field-border);border-radius:6px;font:inherit;outline:none}.model-dropdown option,.slab-dropdown option{color:#f4f1ed;background:var(--carbon-7)}.model-dropdown,.slab-dropdown{transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.model-dropdown:hover,.slab-dropdown:hover{background:var(--field-bg-hover);border-color:var(--field-border-hover)}.model-dropdown:focus,.slab-dropdown:focus{background:var(--field-bg-focus);border-color:var(--celeste-5);box-shadow:0 0 0 2px #bc9c7921}.slab-preview{display:block;box-sizing:border-box;width:160px;max-width:100%;aspect-ratio:2 / 1;object-fit:cover;margin:.2rem auto .5rem;background:var(--carbon-7);border:1px solid rgba(188,156,121,.28);border-radius:6px;box-shadow:0 4px 14px #0003}.slab-name{color:var(--celeste-1);font-size:.85rem;font-weight:600;letter-spacing:.01em}.slab-sku{margin-top:.15rem;color:var(--text-secondary);font-size:.7rem}.texture-zoom-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.texture-zoom-header .selector-title{margin-bottom:0}.texture-zoom-value{flex-shrink:0;color:var(--text-secondary);font-size:.7rem;font-variant-numeric:tabular-nums}.texture-zoom-slider{display:block;box-sizing:border-box;width:100%;height:18px;margin:.25rem 0 0;accent-color:var(--celeste-5);cursor:pointer}.camera-help{flex-shrink:0;box-sizing:border-box;width:100%;padding:.5rem .65rem;color:var(--text-secondary);background:linear-gradient(145deg,#2d2a2785,#18171675);border:1px solid rgba(188,156,121,.18);border-radius:8px;backdrop-filter:blur(var(--glass-blur)) saturate(115%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(115%);font-size:.68rem;line-height:1.4;text-align:center}.camera-help>div+div{margin-top:.1rem}@media (max-width: 768px),(pointer: coarse){.selector-drawer{top:.75rem;left:.75rem;width:min(220px,45vw);max-width:45vw;height:calc(100vh - 1.5rem)}.selector-drawer.is-closed{transform:translate(calc(-100% - .75rem))}.selector-drawer-content{gap:.4rem;height:100%;overflow:hidden}.model-selector,.slab-selector{padding:.65rem;border-radius:8px}.selector-drawer-toggle{right:-42px;width:34px;height:46px;font-size:1.6rem}.model-dropdown,.slab-dropdown{padding:.4rem;font-size:.78rem}.model-dropdown{margin-bottom:.4rem}.model-name,.slab-name{font-size:.78rem}.selector-title{margin-bottom:.25rem;font-size:.66rem}.model-description,.slab-sku{font-size:.66rem}.selector-field,.selector-field:last-of-type{margin-bottom:.45rem}.slab-preview{width:125px;margin-top:.15rem;margin-bottom:.4rem;aspect-ratio:2 / 1}.texture-zoom-header{gap:.35rem}.texture-zoom-value{font-size:.65rem}.texture-zoom-slider{height:16px;margin-top:.15rem}.camera-help{padding:.4rem .55rem;font-size:.64rem;line-height:1.3}}@media (max-width: 480px){.selector-drawer{top:.5rem;left:.5rem;width:min(230px,45vw);max-width:45vw;height:calc(100vh - 1rem)}.selector-drawer.is-closed{transform:translate(calc(-100% - .5rem))}.model-selector,.slab-selector{padding:.55rem}.model-description{display:none}.model-dropdown{margin-bottom:.3rem}.slab-preview{width:110px;aspect-ratio:2.2 / 1}.model-dropdown,.slab-dropdown{min-width:0;font-size:.72rem}}@media (max-height: 850px){.selector-drawer{top:.5rem;height:calc(100vh - 1rem)}.selector-drawer-content{gap:.35rem}.model-selector,.slab-selector{padding:.5rem}.selector-field,.selector-field:last-of-type{margin-bottom:.35rem}.selector-title{margin-bottom:.18rem;font-size:.65rem}.model-dropdown,.slab-dropdown{padding:.32rem;font-size:.75rem}.model-dropdown{margin-bottom:.3rem}.slab-preview{width:100px;margin-top:.1rem;margin-bottom:.25rem}.model-name,.slab-name{font-size:.74rem}.model-description,.slab-sku{font-size:.62rem;line-height:1.25}.texture-zoom-value{font-size:.62rem}.texture-zoom-slider{height:14px;margin-top:.1rem}.camera-help{padding:.32rem .45rem;font-size:.61rem;line-height:1.25}.camera-help>div+div{margin-top:.05rem}}@media (max-height: 650px){.selector-drawer-content{gap:.28rem}.slab-preview,.model-description,.slab-sku{display:none}.model-selector,.slab-selector{padding:.42rem}.selector-field,.selector-field:last-of-type{margin-bottom:.26rem}.selector-title{margin-bottom:.14rem;font-size:.61rem}.model-dropdown,.slab-dropdown{padding:.27rem;font-size:.7rem}.model-dropdown{margin-bottom:.22rem}.model-name,.slab-name{font-size:.69rem}.texture-zoom-header{gap:.4rem}.texture-zoom-slider{height:13px;margin-top:.05rem}.camera-help{padding:.26rem .4rem;font-size:.58rem;line-height:1.2}.camera-help>div+div{margin-top:.03rem}}@media (max-height: 500px){.selector-drawer{top:.3rem;left:.3rem;height:calc(100vh - .6rem)}.selector-drawer-content{gap:.2rem}.model-selector,.slab-selector{padding:.32rem;border-radius:6px}.selector-field,.selector-field:last-of-type{margin-bottom:.18rem}.selector-title{margin-bottom:.1rem;font-size:.57rem}.model-dropdown,.slab-dropdown{padding:.22rem;font-size:.66rem}.model-dropdown{margin-bottom:.15rem}.model-name,.slab-name{font-size:.63rem}.texture-zoom-value{font-size:.57rem}.texture-zoom-slider{height:12px;margin-top:0}.camera-help{padding:.2rem .3rem;font-size:.54rem;line-height:1.15}.selector-drawer-toggle{right:-36px;width:29px;height:38px;font-size:1.35rem}}@media (pointer: coarse) and (orientation: landscape){.selector-drawer{top:.4rem;left:.4rem;width:min(210px,45vw);max-width:45vw;height:calc(100vh - .8rem)}.selector-drawer.is-closed{transform:translate(calc(-100% - .4rem))}.selector-drawer-content{gap:.25rem}.model-selector,.slab-selector{padding:.4rem}.slab-preview,.model-description,.slab-sku{display:none}.selector-drawer-toggle{right:-38px;width:30px;height:40px;font-size:1.4rem}.model-dropdown,.slab-dropdown{padding:.25rem;font-size:.68rem}.model-dropdown{margin-bottom:.2rem}.selector-field,.selector-field:last-of-type{margin-bottom:.22rem}.selector-title{margin-bottom:.1rem;font-size:.58rem}.model-name,.slab-name{font-size:.65rem}.texture-zoom-slider{height:12px;margin-top:0}.camera-help{padding:.22rem .32rem;font-size:.55rem;line-height:1.15}}@media (prefers-reduced-motion: reduce){.selector-drawer,.selector-drawer-toggle,.model-selector,.slab-selector,.model-dropdown,.slab-dropdown{transition:none}}