:root{--mt-ink: #0F1013;--mt-paper: #F6F3F3;--mt-accent: #0F1013;--mt-accent-hi: #2B3037;--mt-accent-fg: #FFFFFF;--bg: #FFFFFF;--stage-bg: #F2F0EF;--surface: rgba(255, 255, 255, .82);--surface-solid: #FFFFFF;--surface-hi: rgba(15, 16, 19, .038);--surface-hi-2: rgba(15, 16, 19, .075);--line: rgba(15, 16, 19, .1);--line-hi: rgba(15, 16, 19, .22);--text: #0F1013;--text-2: #5C626A;--text-3: #949AA2;--blur: saturate(170%) blur(20px);--shadow-1: 0 1px 2px rgba(15,16,19,.07);--shadow-2: 0 6px 24px rgba(15,16,19,.09);--shadow-3: 0 20px 60px rgba(15,16,19,.13);--glow-accent: 0 4px 14px rgba(15,16,19,.22);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--rail-w: 384px;--e-out: cubic-bezier(.22, 1, .36, 1);--t-fast: .18s var(--e-out);--t: .3s var(--e-out);--t-slow: .55s var(--e-out);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace}body.dark-mode{--mt-accent: #F6F3F3;--mt-accent-hi: #FFFFFF;--mt-accent-fg: #0F1013;--bg: #0F1013;--stage-bg: #17191D;--surface: rgba(28, 31, 37, .74);--surface-solid: #1A1D22;--surface-hi: rgba(255, 255, 255, .05);--surface-hi-2: rgba(255, 255, 255, .09);--line: rgba(246, 243, 243, .1);--line-hi: rgba(246, 243, 243, .2);--text: #F6F3F3;--text-2: #A8ADB5;--text-3: #6C727B;--shadow-1: 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 8px 30px rgba(0,0,0,.45);--shadow-3: 0 24px 70px rgba(0,0,0,.55);--glow-accent: 0 4px 18px rgba(0,0,0,.5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--t-slow),color var(--t-slow)}button{font-family:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--mt-accent);outline-offset:2px;border-radius:4px}::selection{background:var(--mt-accent);color:var(--mt-accent-fg)}.app{position:fixed;inset:0;display:grid;grid-template-columns:1fr var(--rail-w)}.stage{position:relative;background:var(--stage-bg);overflow:hidden;transition:background-color var(--t-slow)}.stage:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(115% 78% at 50% 12%,#FFFFFF 0%,transparent 58%),radial-gradient(78% 52% at 50% 106%,rgba(15,16,19,.05) 0%,transparent 72%)}body.dark-mode .stage:before{background:radial-gradient(120% 80% at 50% 18%,rgba(255,255,255,.055) 0%,transparent 62%),radial-gradient(80% 55% at 50% 108%,rgba(15,16,19,.1) 0%,transparent 70%)}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 150px 22px #0f10130e}body.dark-mode .stage:after{box-shadow:inset 0 0 180px 30px #0006}#viewer-canvas{position:absolute;inset:0;z-index:2;cursor:grab;touch-action:none}#viewer-canvas:active{cursor:grabbing}#viewer-canvas iframe{display:block;width:100%;height:100%}.stage-watermark{position:absolute;right:24px;bottom:28px;z-index:3;pointer-events:none;font:800 11px/1 var(--font);letter-spacing:.34em;text-transform:uppercase;color:var(--text-3);opacity:.5;writing-mode:vertical-rl;transform:rotate(180deg)}.topbar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px;background:linear-gradient(to bottom,rgba(255,255,255,.75),transparent);pointer-events:none}body.dark-mode .topbar{background:linear-gradient(to bottom,rgba(0,0,0,.45),transparent)}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:14px}.brand-logo{height:21px;width:auto;display:block}.brand-logo.on-light{display:block}.brand-logo.on-dark,body.dark-mode .brand-logo.on-light{display:none}body.dark-mode .brand-logo.on-dark{display:block}.brand-sep{width:1px;height:22px;background:var(--line-hi)}.brand-tag{font:700 9.5px/1.35 var(--font);letter-spacing:.19em;text-transform:uppercase;color:var(--text-2)}.brand-tag em{display:block;font-style:normal;color:var(--mt-accent);letter-spacing:.17em}.topbar-actions{display:flex;align-items:center;gap:7px}.icon-btn{position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);color:var(--text-2);box-shadow:var(--shadow-1);transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}.icon-btn:hover{color:var(--text);background:var(--surface-solid);border-color:var(--line-hi);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.icon-btn.active{color:var(--mt-accent-fg);background:var(--mt-accent);border-color:transparent;box-shadow:var(--glow-accent)}.icon-btn svg{width:16px;height:16px;stroke-width:1.6}.icon-btn[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(-3px);padding:5px 9px;border-radius:7px;background:var(--mt-ink);color:#f6f3f3;font:600 10.5px/1 var(--font);letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:var(--shadow-2);transition:opacity var(--t-fast),transform var(--t-fast)}body.dark-mode .icon-btn[data-tip]:after{background:#2b2f36}.icon-btn[data-tip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.sheet-head,.sheet-backdrop{display:none}.dock{position:absolute;left:26px;bottom:24px;z-index:20;display:flex;align-items:center;gap:6px;padding:7px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow-3);max-width:calc(100% - 52px)}.dock-btn{display:flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:var(--r-md);color:var(--text-2);font:600 11.5px/1 var(--font);white-space:nowrap;transition:color var(--t-fast),background var(--t-fast)}.dock-btn:hover{color:var(--text);background:var(--surface-hi)}.dock-btn.active{color:var(--text);background:var(--surface-hi-2)}.dock-btn.active .dock-dot{background:var(--mt-accent);box-shadow:0 0 7px #0f101380}.dock-btn svg{width:15px;height:15px;stroke-width:1.7;flex:none}.dock-dot{width:5px;height:5px;border-radius:50%;background:var(--text-3);transition:background var(--t-fast),box-shadow var(--t-fast)}.dock-sep{width:1px;height:22px;background:var(--line);margin:0 3px;flex:none}.dock-slider{display:flex;align-items:center;gap:9px;padding:0 12px 0 8px}.dock-slider span{font:700 8.5px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}input[type=range]{-webkit-appearance:none;appearance:none;width:78px;height:3px;border-radius:3px;background:var(--line-hi);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text);border:2px solid var(--surface-solid);box-shadow:var(--shadow-1);transition:background var(--t-fast),transform var(--t-fast)}input[type=range]::-webkit-slider-thumb:hover{background:var(--mt-accent);transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--text);border:2px solid var(--surface-solid);cursor:pointer}.scenes{display:flex;gap:2px;padding:3px;border-radius:var(--r-md);background:var(--surface-hi)}.scenes button{padding:7px 11px;border-radius:9px;font:600 11px/1 var(--font);color:var(--text-3);transition:color var(--t-fast),background var(--t-fast)}.scenes button:hover{color:var(--text-2)}.scenes button.active{color:var(--text);background:var(--surface-solid);box-shadow:var(--shadow-1)}.rail{position:relative;z-index:30;display:flex;flex-direction:column;min-height:0;background:var(--surface-solid);border-left:1px solid var(--line);box-shadow:-18px 0 46px #0f10130f;transition:background-color var(--t-slow),border-color var(--t-slow)}body.dark-mode .rail{box-shadow:-24px 0 60px #0006}.product{position:relative;flex:none;padding:26px 26px 20px;border-bottom:1px solid var(--line)}.product:after{content:"";position:absolute;right:26px;top:30px;width:26px;height:26px;border-top:2px solid var(--mt-accent);border-right:2px solid var(--mt-accent);opacity:.9}.product-brand{display:flex;align-items:center;gap:8px;font:800 9.5px/1 var(--font);letter-spacing:.26em;text-transform:uppercase;color:var(--mt-accent);margin-bottom:10px}.product-brand:before{content:"";width:16px;height:2px;background:var(--mt-accent)}.product-name{font:800 34px/.95 var(--font);letter-spacing:-.035em;color:var(--text)}.product-name small{display:block;margin-top:8px;font:500 12.5px/1.4 var(--font);color:var(--text-2)}.spec-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.spec-chip{padding:5px 10px;border-radius:100px;border:1px solid var(--line);background:var(--surface-hi);font:600 10px/1 var(--font);letter-spacing:.05em;color:var(--text-2)}.spec-chip b{color:var(--text);font-weight:700}.rail-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 26px 22px;scrollbar-width:thin;scrollbar-color:var(--line-hi) transparent}.rail-body::-webkit-scrollbar{width:8px}.rail-body::-webkit-scrollbar-track{background:transparent}.rail-body::-webkit-scrollbar-thumb{background:var(--line-hi);border-radius:100px;border:2px solid var(--surface-solid)}.rail-body::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.section-label{display:flex;align-items:center;gap:10px;font:700 9.5px/1 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);margin:4px 0 12px}.section-label:after{content:"";flex:1;height:1px;background:var(--line)}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:26px}.preset{position:relative;padding:11px 10px 10px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-hi);text-align:left;overflow:hidden;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast)}.preset:hover{border-color:var(--line-hi);transform:translateY(-2px);box-shadow:var(--shadow-2)}.preset.active{border-color:var(--mt-accent);background:#0f10130d;box-shadow:inset 0 0 0 1px #0f101373}.preset-swatches{display:flex;gap:3px;margin-bottom:8px}.preset-swatches i{width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px #0f101324}body.dark-mode .preset-swatches i{box-shadow:inset 0 0 0 1px #ffffff2e}.preset-name{display:block;font:700 10.5px/1.25 var(--font);color:var(--text)}.accessories{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:24px}.acc{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px 8px;padding:9px 10px 10px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-hi);text-align:left;transition:border-color var(--t-fast),background var(--t-fast)}.acc:hover{border-color:var(--line-hi)}.acc.on{border-color:var(--mt-accent);background:#0f10130d}.acc-icon{grid-area:1 / 1 / 2 / 2}.acc-switch{grid-area:1 / 3 / 2 / 4}.acc-meta{grid-area:2 / 1 / 3 / 4;min-width:0}.accessories .acc:last-child{grid-column:1 / -1}.accessories .acc:last-child .acc-meta{grid-area:1 / 2 / 2 / 3}.acc-icon{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--surface-solid);border:1px solid var(--line);color:var(--text-3);transition:color var(--t-fast),border-color var(--t-fast)}.acc.on .acc-icon{color:var(--mt-accent);border-color:#0f10134d}.acc-icon svg{width:15px;height:15px;display:block}.acc-name{display:block;font:600 11.5px/1.2 var(--font);letter-spacing:-.01em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acc-desc{display:block;margin-top:2px;font:500 9.5px/1.2 var(--font);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acc-switch{position:relative;width:32px;height:18px;border-radius:100px;background:var(--line-hi);transition:background var(--t-fast)}.acc.on .acc-switch{background:var(--mt-accent)}.acc-switch i{position:absolute;top:2.5px;left:2.5px;width:13px;height:13px;border-radius:50%;background:var(--surface-solid);box-shadow:0 1px 3px #0f10134d;transition:transform var(--t)}.acc.on .acc-switch i{transform:translate(14px)}.acc.busy{pointer-events:none}.acc.busy .acc-icon svg{opacity:0}.acc.busy .acc-icon:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;border:2px solid var(--line-hi);border-top-color:var(--mt-accent);animation:spin .68s linear infinite}.acc.busy .acc-name,.acc.busy .acc-desc{opacity:.6}.summary-acc i{background:var(--mt-accent)}.group{border-bottom:1px solid var(--line)}.group:last-of-type{border-bottom:0}.group-head{width:100%;display:flex;align-items:center;gap:13px;padding:15px 2px;text-align:left;transition:opacity var(--t-fast)}.group-head:hover{opacity:.72}.group-dot{width:26px;height:26px;border-radius:8px;flex:none;box-shadow:inset 0 0 0 1px #0f101324,var(--shadow-1);transition:background-color var(--t)}body.dark-mode .group-dot{box-shadow:inset 0 0 0 1px #ffffff2e,var(--shadow-1)}.group-meta{flex:1;min-width:0}.group-title{display:block;font:700 8.5px/1 var(--font);letter-spacing:.17em;text-transform:uppercase;color:var(--text-3);margin-bottom:5px}.group-value{display:block;font:600 13px/1.2 var(--font);letter-spacing:-.01em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-chevron{flex:none;color:var(--text-3);transition:transform var(--t),color var(--t-fast)}.group-chevron svg{width:15px;height:15px;display:block;stroke-width:1.8}.group.open .group-chevron{transform:rotate(180deg);color:var(--text)}.group-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--t)}.group.open .group-panel{grid-template-rows:1fr}.group-panel>div{overflow:hidden}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:9px 9px 20px}.swatch{position:relative;aspect-ratio:1;border-radius:10px;box-shadow:inset 0 0 0 1px #0f101324,var(--shadow-1);transition:transform var(--t-fast),box-shadow var(--t-fast)}body.dark-mode .swatch{box-shadow:inset 0 0 0 1px #ffffff29}.swatch:after{content:"";position:absolute;inset:-4px;border-radius:13px;border:1.6px solid transparent;transition:border-color var(--t-fast)}.swatch:hover{transform:scale(1.08)}.swatch:hover:after{border-color:var(--line-hi)}.swatch.selected{transform:scale(1.04)}.swatch.selected:after{border-color:var(--mt-accent)}.swatch.metal{background-image:linear-gradient(145deg,rgba(255,255,255,.5) 0%,transparent 42%,rgba(0,0,0,.22) 100%)}.swatch-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-3px);padding:5px 9px;border-radius:7px;background:var(--mt-ink);color:#f6f3f3;font:600 10.5px/1 var(--font);white-space:nowrap;opacity:0;pointer-events:none;z-index:5;box-shadow:var(--shadow-2);transition:opacity var(--t-fast),transform var(--t-fast)}body.dark-mode .swatch-tip{background:#2b2f36}.swatch:hover .swatch-tip{opacity:1;transform:translate(-50%) translateY(0)}.summary{margin-top:22px;padding:16px 16px 14px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface-hi)}.summary-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.summary-head>span:first-child{font:700 9.5px/1 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3)}.summary-code{font:600 11px/1 var(--mono);letter-spacing:.06em;color:var(--mt-accent)}.summary-list{display:grid;gap:7px}.summary-row{display:flex;align-items:center;gap:9px;font:500 11.5px/1.35 var(--font)}.summary-row i{width:11px;height:11px;border-radius:3px;flex:none;box-shadow:inset 0 0 0 1px #0f101329}body.dark-mode .summary-row i{box-shadow:inset 0 0 0 1px #fff3}.summary-row b{color:var(--text-3);font-weight:600;min-width:88px}.summary-row em{font-style:normal;color:var(--text);font-weight:600}.rail-foot{flex:none;display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:16px 26px 20px;border-top:1px solid var(--line);background:var(--surface-solid)}.btn{display:flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 18px;border-radius:var(--r-md);font:700 12.5px/1 var(--font);transition:transform var(--t-fast),background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.btn svg{width:16px;height:16px;stroke-width:1.8;flex:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--mt-accent);color:var(--mt-accent-fg);box-shadow:var(--glow-accent)}.btn-primary:hover{background:var(--mt-accent-hi)}body.dark-mode .btn-primary{background:#24282f;color:var(--text);border:1px solid rgba(246,243,243,.22);box-shadow:0 6px 20px #00000073}body.dark-mode .btn-primary:hover{background:#2e333b;border-color:#f6f3f357}.ar-icon{width:15px;height:15px;object-fit:contain;flex:none}.modal-icon .ar-icon{width:24px;height:24px}.modal-icon .ar-icon.on-light{display:block}.modal-icon .ar-icon.on-dark,body.dark-mode .modal-icon .ar-icon.on-light{display:none}body.dark-mode .modal-icon .ar-icon.on-dark{display:block}.btn-ghost{width:46px;padding:0;background:var(--surface-hi);border:1px solid var(--line);color:var(--text-2)}.btn-ghost:hover{color:var(--text);background:var(--surface-hi-2);border-color:var(--line-hi)}.btn-ghost.busy{pointer-events:none;opacity:.5}.btn-ghost.mobile-only{display:none}@media(max-width:900px){.rail-foot{grid-template-columns:1fr auto auto auto;gap:6px}.btn-primary{padding:0 12px;font-size:12px;gap:7px}.btn-ghost{width:42px}}.loader{position:absolute;inset:0;z-index:40;display:grid;place-content:center;justify-items:center;gap:20px;background:var(--stage-bg);transition:opacity var(--t-slow),visibility var(--t-slow)}.loader.hidden{opacity:0;visibility:hidden}.loader-mark{width:46px;height:46px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--mt-accent);animation:spin .85s linear infinite}.loader-text{font:700 9.5px/1 var(--font);letter-spacing:.26em;text-transform:uppercase;color:var(--text-3)}@keyframes spin{to{transform:rotate(360deg)}}.modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:#f2f0efc7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity var(--t),visibility var(--t)}body.dark-mode .modal{background:#060709bd}.modal.visible{opacity:1;visibility:visible}.modal-card{position:relative;width:min(420px,100%);padding:34px 30px 28px;border-radius:var(--r-xl);background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow-3);text-align:center;transform:translateY(14px) scale(.98);transition:transform var(--t)}.modal.visible .modal-card{transform:none}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--text-3);transition:color var(--t-fast),background var(--t-fast)}.modal-close:hover{color:var(--text);background:var(--surface-hi)}.modal-close svg{width:15px;height:15px;stroke-width:2}.modal-icon{width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;border-radius:var(--r-lg);background:var(--surface-hi);border:1px solid var(--line);color:var(--mt-accent)}.modal-icon svg{width:24px;height:24px;stroke-width:1.6}.modal-title{font:700 17px/1.3 var(--font);letter-spacing:-.02em;margin-bottom:9px}.modal-text{font:400 13px/1.65 var(--font);color:var(--text-2)}.modal-text strong{color:var(--text);font-weight:600}.qr-box{display:grid;place-items:center;margin:18px auto 4px;padding:12px;width:max-content;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-1)}.qr{display:block;line-height:0}.qr img,.qr canvas{display:block;width:168px;height:168px;image-rendering:pixelated}.qr table{border-collapse:collapse}.modal-share{display:flex;gap:8px;margin-top:20px}.modal-share input{flex:1;min-width:0;height:42px;padding:0 13px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-hi);color:var(--text-2);font:500 11.5px/1 var(--mono);text-overflow:ellipsis}.modal-share input:focus{outline:none;border-color:var(--line-hi);color:var(--text)}.modal-specs{display:grid;gap:1px;margin-top:20px;text-align:left;border-radius:var(--r-md);overflow:hidden;background:var(--line)}.modal-specs div{display:flex;justify-content:space-between;gap:14px;padding:11px 14px;background:var(--surface-solid);font:500 12px/1.4 var(--font);color:var(--text-2)}.modal-specs div b{color:var(--text);font-weight:600}.powered{display:grid;justify-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);text-decoration:none;opacity:.75;transition:opacity var(--t-fast)}.powered:hover{opacity:1}.powered-logo{height:16px;width:auto;display:block}.powered-logo.on-light{display:block}.powered-logo.on-dark,body.dark-mode .powered-logo.on-light{display:none}body.dark-mode .powered-logo.on-dark{display:block}.ar-overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:28px;background:#0a0b0ded;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity var(--t),visibility var(--t)}.ar-overlay.visible{opacity:1;visibility:visible}.ar-prep{display:grid;justify-items:center;gap:0;width:min(320px,100%);text-align:center;color:#f6f3f3}.ar-prep-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#f6f3f312;border:1px solid rgba(246,243,243,.14);margin-bottom:20px}.ar-prep-icon .ar-icon{width:26px;height:26px}.ar-prep-title{font:700 16px/1.3 var(--font);letter-spacing:-.01em;margin-bottom:7px}.ar-prep-text{font:500 12.5px/1.5 var(--font);color:#f6f3f3b8;margin-bottom:20px;min-height:19px}.ar-prep-bar{width:100%;height:3px;border-radius:100px;background:#f6f3f324;overflow:hidden}.ar-prep-bar i{display:block;width:0;height:100%;border-radius:inherit;background:#f6f3f3;transition:width .45s var(--e-out)}.ar-prep-hint{margin-top:16px;font:500 10.5px/1.5 var(--font);letter-spacing:.02em;color:#f6f3f36b}#ar-viewer{position:fixed;left:-10px;top:-10px;width:1px;height:1px;opacity:0;pointer-events:none}.toast{position:fixed;left:50%;bottom:34px;z-index:400;transform:translate(-50%) translateY(14px);padding:11px 18px;border-radius:100px;background:var(--mt-ink);color:#f6f3f3;box-shadow:var(--shadow-3);font:600 12px/1 var(--font);opacity:0;pointer-events:none;transition:opacity var(--t),transform var(--t)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1180px){:root{--rail-w: 340px}.swatches{grid-template-columns:repeat(5,1fr)}}@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-rows:1fr auto}.stage{min-height:0}.stage-watermark{display:none}.topbar{padding:14px 16px}.brand-logo{height:17px}.brand-tag,.brand-sep{display:none}.icon-btn{width:34px;height:34px}.icon-btn[data-tip]:after{display:none}.sheet-backdrop{display:block;position:fixed;inset:0;z-index:90;background:#06070973;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity var(--t),visibility var(--t)}.sheet-backdrop.open{opacity:1;visibility:visible}.dock{position:fixed;inset:auto 0 0;z-index:100;display:flex;flex-direction:column;align-items:stretch;gap:4px;max-width:none;padding:0 18px calc(20px + env(safe-area-inset-bottom,0px));border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--surface-solid);border:1px solid var(--line);border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 -18px 50px #0f10132e;transform:translateY(100%);visibility:hidden;transition:transform var(--t),visibility var(--t)}body.dark-mode .dock{box-shadow:0 -18px 50px #0009}.dock.open{transform:translateY(0);visibility:visible}.sheet-head{display:grid;grid-template-columns:1fr auto;align-items:center;padding:16px 0 12px;margin-bottom:4px;border-bottom:1px solid var(--line)}.sheet-handle{position:absolute;top:8px;left:50%;transform:translate(-50%);width:38px;height:4px;border-radius:100px;background:var(--line-hi)}.sheet-title{font:700 9.5px/1 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3)}.sheet-close{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--text-3);background:var(--surface-hi)}.sheet-close svg{width:14px;height:14px;stroke-width:2}.dock-btn{height:46px;justify-content:flex-start;padding:0 13px;font-size:13px;background:var(--surface-hi);border:1px solid transparent}.dock-btn.active{background:var(--surface-hi-2);border-color:var(--line)}.dock-btn svg{order:1;width:17px;height:17px}.dock-btn span{order:2;display:inline}.dock-btn .dock-dot{order:3;display:block;margin-left:auto}.dock-sep{display:none}.dock-slider{display:flex;height:44px;padding:0 12px;gap:12px}.dock-slider input[type=range]{flex:1;width:auto}.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px;padding:4px}.scenes button{padding:10px 6px;font-size:11.5px}.btn-ghost.mobile-only{display:flex}.rail{max-height:52vh;border-left:0;border-top:1px solid var(--line);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:0 -14px 40px #0f101317}body.dark-mode .rail{box-shadow:0 -18px 50px #00000073}.rail:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:38px;height:4px;border-radius:100px;background:var(--line-hi)}.product{padding:22px 18px 16px}.product:after{display:none}.product-name{font-size:26px}.product-name small{font-size:11.5px;margin-top:6px}.spec-chips{margin-top:12px}.rail-body{padding:16px 18px 18px}.rail-foot{padding:12px 18px 16px}.btn{height:44px}.presets{gap:6px}.swatches{grid-template-columns:repeat(7,1fr)}}@media(max-width:480px){.swatches{grid-template-columns:repeat(6,1fr)}.presets{grid-template-columns:repeat(2,1fr)}.rail{max-height:56vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}