@font-face{font-family:Manrope;src:url(../fonts/manrope-latin-wght-normal.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Manrope;src:url(../fonts/manrope-latin-ext-wght-normal.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+100-2FF,U+1E??,U+20A0-20AB,U+20AD-20C0}@font-face{font-family:Barlow Condensed;src:url(../fonts/barlow-condensed-latin-600-normal.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(../fonts/barlow-condensed-latin-ext-600-normal.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap;unicode-range:U+100-2FF,U+1E??,U+20A0-20AB,U+20AD-20C0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111312;--panel:#191c1a;--text:#f0f0e8;--muted:#a7ada4;--accent:#ff6b35;--line:#ffffff14;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button,.choice-label{min-height:44px}button svg{flex-shrink:0}.app-shell{max-width:1800px;margin:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:90px;padding:0 44px;display:flex}.wordmark{letter-spacing:1.4px;align-items:center;gap:13px;font-size:13px;font-weight:800;display:flex}.wordmark-light{color:#858c84;font-weight:400}.brand-mark{grid-template-rows:7px 7px;grid-template-columns:7px 7px;gap:3px;display:grid;transform:skewY(-10deg)}.brand-mark i{background:var(--accent)}.brand-mark i:first-child{grid-row:span 2}.header-center{letter-spacing:1.6px;color:var(--muted);align-items:center;gap:9px;font-size:9px;display:flex}.live-dot{background:#b5c0a6;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 8px #b5c0a62a}.demo-tag{letter-spacing:1.2px;color:#bdc1b7;border:1px solid #ffffff21;align-items:center;gap:20px;padding:9px 12px;font-size:9px;display:flex}.workspace{grid-template-columns:minmax(0,1fr) 360px;display:grid}.product-area{min-width:0;padding:41px 40px 28px}.eyebrow{letter-spacing:1.7px;font-size:9px;font-weight:650;line-height:1.5}.orange-text{color:var(--accent)}.slash{color:#5d675b;margin:0 13px;display:inline-block}.product-heading{justify-content:space-between;align-items:center;display:flex}.product-heading h1{letter-spacing:-.6px;margin:13px 0 12px;font-family:Barlow Condensed,sans-serif;font-size:clamp(38px,4.4vw,70px);font-weight:600;line-height:1.02}.product-heading h1>span{color:var(--accent)}.product-heading p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.model-counter{font-variant-numeric:tabular-nums;margin-left:20px;font-size:13px}.model-counter>span{color:#757e71;margin-left:7px;font-size:10px}.stage{isolation:isolate;background:radial-gradient(at 51% 58%,#3c41302b,#0000 62%);height:clamp(360px,38vw,550px);min-height:390px;margin:18px -10px 12px;position:relative;overflow:hidden}.stage-word{letter-spacing:4px;color:#f0f0e806;white-space:nowrap;z-index:-1;-webkit-user-select:none;user-select:none;font-family:Barlow Condensed,sans-serif;font-size:clamp(95px,15vw,230px);line-height:1;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.stage-caption{letter-spacing:1.5px;color:#899282;z-index:2;pointer-events:none;align-items:center;gap:8px;font-size:8px;display:flex;position:absolute;top:20px;left:20px}.stage-corner{z-index:2;pointer-events:none;border-top:1px solid #ffffff32;width:10px;height:10px;position:absolute;top:0}.top-left{border-left:1px solid #ffffff32;left:0}.top-right{border-right:1px solid #ffffff32;right:0}.stage-hint{color:#919989;z-index:2;pointer-events:none;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;bottom:18px;left:20px}.stage-badge{letter-spacing:1.6px;color:#919989;pointer-events:none;font-size:8px;position:absolute;bottom:18px;right:20px}.stage-loading{color:var(--muted);place-content:center;font-size:12px;display:grid;position:absolute;inset:0}.panel-column{border-left:1px solid var(--line);background:linear-gradient(145deg,#1d201d,#171a18);flex-direction:column;display:flex}.customizer{padding:36px 27px 12px}.panel-heading{color:#9da593;justify-content:space-between;align-items:center;display:flex}.tiny-cross{color:var(--accent);font-size:22px;font-weight:300;line-height:1}.customizer h2{letter-spacing:-1px;margin:15px 0 6px;font-size:29px;font-weight:500}.panel-intro{color:var(--muted);margin:0 0 30px;font-size:10px}.control-section{border:0;border-bottom:1px solid var(--line);min-width:0;margin:0 0 23px;padding:0 0 25px}.control-section legend{width:100%;margin-bottom:17px;padding:0;font-size:11px;font-weight:650}.step{color:#a4aa9c;font-variant-numeric:tabular-nums;margin-right:12px;font-size:9px}.selection-line{justify-content:space-between;align-items:center;margin:0 0 12px;font-size:10px;display:flex}.selection-line strong{font-weight:500}.selection-line>span{color:#919989;letter-spacing:.5px;font-size:8px}.color-options{grid-template-columns:repeat(6,minmax(44px,1fr));gap:7px;display:grid}.color-choice,.finish-choice,.pattern-choice{cursor:pointer;display:block;position:relative}.color-choice input,.finish-choice input,.pattern-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.color-chip{pointer-events:none;border:4px solid #1c1f1b;outline:1px solid #0000;justify-content:center;align-items:center;height:44px;min-height:44px;transition:outline-color .15s;display:flex}.color-choice input:checked+.color-chip{outline-color:#c7ccbf}.color-choice input:focus-visible+.color-chip,.finish-choice input:focus-visible+.finish-content,.pattern-choice input:focus-visible+.pattern-content{outline:2px solid var(--accent);outline-offset:4px}.finish-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.finish-content{pointer-events:none;background:#11141150;border:1px solid #ffffff13;flex-direction:column;align-items:center;gap:11px;padding:15px 8px 13px;font-size:9px;transition:border-color .18s;display:flex;position:relative}.finish-choice input:checked+.finish-content{background:#a3ac9410;border-color:#b5bdaa}.finish-ball{border-radius:50%;width:31px;height:31px;display:block;box-shadow:0 8px 12px #0005}.finish-ball.matte{background:radial-gradient(circle at 35% 28%,#7c8479,#424b3f 75%)}.finish-ball.satin{background:radial-gradient(circle at 31% 25%,#c0c6b8,#686f62 37%,#31392d 86%)}.finish-ball.metallic{background:linear-gradient(130deg,#454e40 4%,#dce2d4 26%,#687260 41%,#252e20 52%,#bac4ab 77%,#3f4839)}.selected-dot{background:#c9d2ba;border-radius:50%;width:4px;height:4px;position:absolute;top:7px;right:7px}.pattern-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pattern-content{pointer-events:none;background:#11141150;border:1px solid #ffffff13;align-items:center;gap:9px;min-height:54px;padding:9px;font-size:9px;display:flex}.pattern-choice input:checked+.pattern-content{background:#a3ac9410;border-color:#b5bdaa}.pattern-sample{background:#5b6552;width:28px;height:28px}.pattern-sample.geometric{background:repeating-linear-gradient(135deg,#353f2e 0 5px,#939d81 5px 9px,#5b6552 9px 17px)}.radio-indicator{border:1px solid #66705c;border-radius:50%;width:8px;height:8px;margin-left:auto}.pattern-choice input:checked+.pattern-content .radio-indicator{background:#c1ccb2;border:2px solid #30392a;outline:1px solid #a3ac94}.design-summary{background:#ffffff04;border:1px solid #ffffff0b;padding:16px 12px;position:relative}.design-summary>.eyebrow{color:#9aa28f;font-size:7px}.design-summary p{margin:9px 0 0;font-size:9px}.design-summary p>span{color:#707a62;margin:0 7px}.design-summary>svg{color:#879479;position:absolute;top:17px;right:13px}.reset-button{color:#9ca68f;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;font-size:9px;display:flex}.reset-button:hover{color:var(--text)}.export-panel{margin-top:auto;padding:9px 27px 22px}.export-button{background:var(--accent);border:1px solid var(--accent);color:#161d12;justify-content:center;align-items:center;gap:10px;width:100%;min-height:49px;font-size:11px;font-weight:750;transition:background .2s;display:flex}.export-button>span{border-left:1px solid #1a27183d;margin-left:auto;padding-left:15px;font-size:8px;font-weight:500}.export-button:hover:not(:disabled){background:#ff8558}.export-button:disabled{opacity:.5}.export-panel>p{color:#8d977f;text-align:center;margin:12px 0 0;font-size:8px}.presets{border-top:1px solid var(--line);padding-top:21px}.presets-title{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.presets-title>.eyebrow{color:#a0a894;font-size:8px}.presets-title>span:last-child{color:#8f9980;font-size:9px}.preset-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.preset{text-align:left;background:#ffffff02;border:1px solid #ffffff12;align-items:center;gap:12px;min-width:0;padding:11px 10px;transition:background .2s,border-color .2s;display:flex}.preset[aria-pressed=true]{background:#8e9d7110;border-color:#939d7e80}.preset:hover{background:#ffffff07}.preset-art{background:#32392c;flex-shrink:0;gap:3px;width:52px;height:49px;padding:0 5px;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.preset-art i{background:#626d54;flex-shrink:0;width:11px;height:85px;transform:rotate(35deg)translateY(-12px)}.preset-art i:nth-child(2){background:#858e7b}.preset-art span{color:#ffffffa6;font-size:8px;position:absolute;bottom:3px;right:4px}.desert .preset-art{background:#635947}.desert .preset-art i{background:#b9a07d}.desert .preset-art i:nth-child(2){background:#e2c79e}.signal .preset-art{background:#633b28}.signal .preset-art i{background:#e76734}.signal .preset-art i:nth-child(2){background:#fbaa69}.preset-description{min-width:0}.preset-description strong{font-size:11px;font-weight:650;display:block}.preset-description small{white-space:nowrap;color:#9aa389;margin-top:6px;font-size:7px;display:block}.preset>svg{color:#9ba98a;flex-shrink:0;width:13px;margin-left:auto}footer{border-top:1px solid var(--line);color:#8f9980;letter-spacing:.6px;justify-content:space-between;align-items:center;gap:20px;min-height:65px;padding:15px 40px;font-size:7px;display:flex}footer>span:first-child{letter-spacing:1.1px;align-items:center;gap:8px;font-size:7px;display:flex}footer>span:last-child{letter-spacing:1px;font-size:7px}.product-heading,.customizer{animation:.65s both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=1500px){.product-area{padding:46px 58px 35px}.workspace{grid-template-columns:minmax(0,1fr) 390px}.customizer{padding:41px 32px 16px}.export-panel{padding:10px 32px 27px}.stage{height:560px}.control-section{margin-bottom:30px;padding-bottom:29px}.panel-intro{margin-bottom:38px}}@media (width<=1100px){.topbar{padding:0 25px}.header-center{display:none}.product-area{padding:32px 25px 23px}.workspace{grid-template-columns:minmax(0,1fr) 325px}.color-options{gap:3px}.customizer{padding:30px 22px 12px}.export-panel{padding:9px 22px 22px}.preset{gap:8px}.preset-art{width:32px}.preset-description small,.preset>svg{display:none}.stage{min-height:420px}.product-heading h1{font-size:43px}}@media (width<=800px){.topbar{height:73px;padding:0 22px}.wordmark{font-size:11px}.demo-tag{gap:7px;padding:7px 9px;font-size:7px}.workspace{grid-template-columns:minmax(0,1fr)}.product-area{padding:30px 22px 25px}.product-heading h1{font-size:52px}.stage{height:55vw;min-height:330px;max-height:510px;margin-top:22px}.stage-word{font-size:26vw}.panel-column{border-left:0;border-top:1px solid var(--line)}.customizer{padding:28px 22px 8px}.customizer h2{font-size:29px}.control-section{margin-bottom:23px;padding-bottom:25px}.color-options{gap:12px}.color-chip{pointer-events:none;height:49px}.finish-content{padding:17px 12px;font-size:11px}.pattern-content{gap:15px;font-size:11px}.export-panel{padding:5px 22px 28px}.export-button{font-size:12px}.design-summary p{font-size:11px}.presets-title{gap:10px}.preset-grid{gap:7px}.preset{gap:7px;padding:9px 7px}.preset-art{width:31px;height:36px}.preset-description strong{font-size:10px}.preset-description small{display:none}footer{flex-wrap:wrap;gap:14px;padding:18px 22px;font-size:7px}footer>span:last-child{display:none}.color-choice{min-height:49px}}@media (width<=420px){.wordmark-light{display:none}.product-heading h1{font-size:44px}.product-heading p{font-size:10px}.model-counter{display:none}.stage-caption{font-size:7px;left:12px}.stage-hint{font-size:8px;left:12px}.stage-badge{font-size:7px;right:12px}.preset-art{width:25px}.preset{gap:6px}.preset-description strong{font-size:9px}.presets-title>.eyebrow{font-size:7px}.presets-title>span:last-child{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.viewer-host{z-index:1;position:absolute;inset:0}.viewer-host canvas{cursor:grab;width:100%;height:100%;display:block}.viewer-host canvas:active{cursor:grabbing}.viewer-status{z-index:3;text-align:center;background:#111312a6;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:30px;font-size:11px;display:flex;position:absolute;inset:0}.viewer-status small{color:var(--muted);max-width:260px;font-size:10px}.viewer-status button{background:#252b21;border:1px solid #81916e55;align-items:center;gap:8px;padding:8px 18px;font-size:11px;display:flex}.spinner{color:var(--accent);animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.camera-tools{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#191e17d9;border:1px solid #a0ad8b26;align-items:center;padding:0 3px;display:flex;position:absolute;bottom:49px;left:50%;transform:translate(-50%)}.camera-tools button{color:#b7c0aa;background:0 0;border:0;place-items:center;width:44px;min-height:44px;transition:color .15s,background .15s;display:grid}.camera-tools button:hover:not(:disabled){color:var(--accent);background:#ffffff0c}.camera-tools button:disabled{opacity:.3}.camera-tools button.tool-divider{border-left:1px solid #ffffff14}.touch-hint{display:none}@media (pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline}}@media (width<=420px){.camera-tools{bottom:44px}.camera-tools button{width:42px;min-width:44px}.stage-badge{display:none}}@media (width<=380px){.color-options{grid-template-columns:repeat(3,minmax(44px,1fr))}}