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%;overflow:hidden}.model-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.15);border-top-color:var(--celeste-5);border-radius:50%;animation:model-spinner-spin .8s linear infinite}@keyframes model-spinner-spin{to{transform:rotate(360deg)}}.selector-drawer{position:fixed;z-index:20;width:280px;pointer-events:none;transition:transform .22s ease;will-change:transform}.selector-drawer-panel{position:relative;box-sizing:border-box;width:280px;height:auto;overflow:visible;pointer-events:auto;transform-origin:top left;will-change:transform}.selector-drawer-content{display:flex;flex-direction:column;box-sizing:border-box;width:100%;gap:.6rem;padding:0;overflow:visible}.selector-drawer-toggle{position:absolute;top:0;right:-44px;z-index:2;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:0 0 auto;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:.34rem .42rem;margin-bottom:.4rem;color:var(--text-primary);background:var(--field-bg);border:1px solid var(--field-border);border-radius:6px;font-family:inherit;font-size:.78rem;line-height:1.2;outline:none}.model-name{color:var(--celeste-1);font-size:.9rem;font-weight:600;letter-spacing:.01em}.model-description{margin-top:.2rem;color:var(--text-secondary);font-size:.77rem;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:.78rem;font-weight:600;letter-spacing:.035em;text-transform:uppercase}.slab-dropdown{box-sizing:border-box;width:100%;padding:.34rem .42rem;color:var(--text-primary);background:var(--field-bg);border:1px solid var(--field-border);border-radius:6px;font-family:inherit;font-size:.78rem;line-height:1.2;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-meta-row{display:flex;align-items:baseline;justify-content:space-between;width:100%;gap:.75rem}.slab-name{flex:1 1 auto;min-width:0;color:var(--celeste-1);font-size:.9rem;font-weight:600;letter-spacing:.01em;line-height:1.2;text-align:left}.slab-sku{flex:0 1 auto;min-width:0;margin-top:0;color:var(--text-secondary);font-size:.76rem;line-height:1.2;text-align:right}.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:.76rem;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:0 0 auto;display:flex;align-items:center;justify-content:space-between;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:.74rem;line-height:1.35;gap:.75rem}.camera-help-logo{display:block;flex:0 0 auto;width:105px;max-width:45%;height:auto;object-fit:contain}.camera-help-text{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-end;min-width:0;text-align:right}.camera-help-text>div+div{margin-top:.1rem}.camera-help--mobile{justify-content:center}.camera-help--mobile .camera-help-text{flex:1 1 100%;width:100%;align-items:center;text-align:center}.visualiser-disclaimer{flex:0 0 auto;box-sizing:border-box;width:100%;padding:.48rem .6rem;color:#bdb8b2cc;background:linear-gradient(145deg,#2d2a276b,#18171661);border:1px solid rgba(188,156,121,.16);border-radius:8px;backdrop-filter:blur(var(--glass-blur)) saturate(110%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(110%);font-size:.66rem;line-height:1.35;text-align:left}.visualiser-disclaimer strong{color:var(--celeste-2);font-weight:600}@media (prefers-reduced-motion: reduce){.selector-drawer,.selector-drawer-toggle,.model-selector,.slab-selector,.model-dropdown,.slab-dropdown{transition:none}}