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;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:.75rem;max-height:calc(100vh - 2rem);overflow-y:auto;overflow-x:hidden;padding-right:2px}.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;box-sizing:border-box;width:100%;max-width:none;padding:1rem;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:.5rem;margin-bottom:.75rem;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:.9rem;font-weight:600;letter-spacing:.01em}.model-description{margin-top:.25rem;color:var(--text-secondary);font-size:.75rem;line-height:1.4}.selector-field{display:block;margin-bottom:.75rem}.selector-field:last-of-type{margin-bottom:.75rem}.selector-title{display:block;margin-bottom:.4rem;color:var(--celeste-4);font-size:.75rem;font-weight:600;letter-spacing:.035em;text-transform:uppercase}.slab-dropdown{box-sizing:border-box;width:100%;padding:.5rem;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:100%;aspect-ratio:2 / 1;object-fit:cover;margin-top:.25rem;margin-bottom:.75rem;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:.9rem;font-weight:600;letter-spacing:.01em}.slab-sku{margin-top:.2rem;color:var(--text-secondary);font-size:.75rem}.selector-drawer-content{scrollbar-width:thin;scrollbar-color:rgba(188,156,121,.55) transparent}.selector-drawer-content::-webkit-scrollbar{width:6px}.selector-drawer-content::-webkit-scrollbar-thumb{background:#bc9c7980;border-radius:999px}.selector-drawer-content::-webkit-scrollbar-thumb:hover{background:var(--celeste-6)}.selector-drawer-content::-webkit-scrollbar-track{background:transparent}@media (max-width: 768px),(pointer: coarse){.selector-drawer{top:.75rem;left:.75rem;width:220px}.selector-drawer.is-closed{transform:translate(calc(-100% - .75rem))}.selector-drawer-content{gap:.5rem;max-height:calc(100vh - 1.5rem)}.model-selector,.slab-selector{padding:.75rem;border-radius:8px}.selector-drawer-toggle{right:-42px;width:34px;height:46px;font-size:1.6rem}.model-dropdown,.slab-dropdown{padding:.45rem;font-size:.8rem}.model-name,.slab-name{font-size:.8rem}.selector-title{font-size:.68rem}.model-description,.slab-sku{font-size:.7rem}.selector-field{margin-bottom:.6rem}.slab-preview{width:140px;max-width:100%;margin-top:.25rem;margin-right:auto;margin-bottom:.5rem;margin-left:auto;aspect-ratio:2 / 1}}@media (pointer: coarse) and (orientation: landscape){.selector-drawer{top:.5rem;left:.5rem;width:210px}.selector-drawer.is-closed{transform:translate(calc(-100% - .5rem))}.selector-drawer-content{gap:.4rem;max-height:calc(100vh - 1rem)}.model-selector,.slab-selector{padding:.6rem}.selector-drawer-toggle{right:-40px;width:32px;height:42px;font-size:1.5rem}.model-dropdown,.slab-dropdown{padding:.35rem;font-size:.75rem}.model-dropdown{margin-bottom:.4rem}.selector-field{margin-bottom:.45rem}.selector-title{margin-bottom:.25rem;font-size:.64rem}.slab-preview{width:110px;margin-top:.15rem;margin-right:auto;margin-bottom:.35rem;margin-left:auto;aspect-ratio:2 / 1}.model-name,.slab-name{font-size:.75rem}.model-description,.slab-sku{font-size:.65rem}}@media (max-width: 480px){.selector-drawer{top:.5rem;left:.5rem;width:min(230px,calc(100vw - 3.5rem))}.selector-drawer.is-closed{transform:translate(calc(-100% - .5rem))}.selector-drawer-content{max-height:calc(100vh - 1rem)}.model-selector,.slab-selector{padding:.6rem}.model-description{display:none}.model-dropdown{margin-bottom:.4rem}.slab-preview{width:120px;aspect-ratio:2.2 / 1}}@media (prefers-reduced-motion: reduce){.selector-drawer,.selector-drawer-toggle,.model-selector,.slab-selector,.model-dropdown,.slab-dropdown{transition:none}}