.vitrine-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:999px;background:#ecebe60f;pointer-events:auto}.vitrine-seg-pill{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:var(--fg);transition:transform .42s var(--ease)}.vitrine-seg.is-forest .vitrine-seg-pill{transform:translate(100%)}.vitrine-seg-opt{position:relative;min-height:32px;padding:0 14px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--muted);transition:color .24s var(--ease)}.vitrine-seg-opt[aria-pressed=true]{color:var(--bg)}.vitrine-seg-opt[aria-pressed=true]{cursor:default}.vitrine-seg-opt:disabled{opacity:.4;cursor:default}@media (hover: hover){.vitrine-seg-opt:not([aria-pressed=true]):not(:disabled):hover{color:var(--fg)}}@keyframes vit-ui-up{to{opacity:0;transform:translateY(-10px);visibility:hidden}}@keyframes vit-ui-down{to{opacity:0;transform:translateY(14px);visibility:hidden}}@keyframes vit-ui-fade{to{opacity:0;visibility:hidden}}.ui.is-leaving .card{animation:vit-ui-down .36s cubic-bezier(.5,0,.75,0) both}.ui.is-leaving .pieces-shell{animation:vit-ui-down .36s .1s cubic-bezier(.5,0,.75,0) both}.ui.is-leaving .tabs-shell{animation:vit-ui-down .38s .13s cubic-bezier(.5,0,.75,0) both}.ui.is-leaving .corner{animation:vit-ui-up .38s 90ms cubic-bezier(.5,0,.75,0) both}.ui.is-leaving .gesture-hint{animation:vit-ui-fade .24s var(--ease) both}.ui.is-back .tabs-shell{animation:rise .56s .14s var(--ease) both}.vit{position:fixed;left:50%;bottom:calc(var(--bottom) + 10px);z-index:20;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--glass);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:opacity .26s var(--ease),transform .26s var(--ease),visibility 0s .26s}.vit.is-shown{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .7s var(--ease),transform .9s var(--ease),visibility 0s}.vit.is-shown.is-idle{opacity:0;transform:translate(-50%,6px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}.vit.is-shown .vit-btn{animation:rise .64s var(--ease) both}.vit.is-shown>:nth-child(2){animation-delay:70ms}.vit-btn{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 16px;border-radius:999px;font-size:11px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;color:var(--muted);transition:color .2s var(--ease),background-color .2s var(--ease),transform .16s var(--ease)}.vit-btn:active{transform:scale(.96)}@media (hover: hover){.vit-btn:hover{color:var(--fg);background-color:#ecebe612}}.vit-swap{display:grid}.vit-face{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;gap:9px;transition:opacity .26s cubic-bezier(.2,0,0,1),transform .26s cubic-bezier(.2,0,0,1),filter .26s cubic-bezier(.2,0,0,1)}.vit-face-ok{opacity:0;transform:scale(.25);filter:blur(4px);color:var(--fg)}.vit-swap.is-done .vit-face:first-child{opacity:0;transform:scale(.25);filter:blur(4px)}.vit-swap.is-done .vit-face-ok{opacity:1;transform:none;filter:none}.vit-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--fg);pointer-events:none;animation:vit-flash .7s cubic-bezier(.2,0,0,1) both}@keyframes vit-flash{0%{opacity:.5}to{opacity:0;visibility:hidden}}.vit-thumb{position:fixed;right:var(--gutter-r);bottom:calc(var(--bottom) + 10px);z-index:21;width:208px;margin:0;padding:4px;border:1px solid var(--line);border-radius:16px;background:var(--glass);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);pointer-events:none;animation:vit-thumb 2.8s var(--ease) both}.vit-thumb img{display:block;width:100%;border-radius:12px;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}.vit-thumb figcaption{padding:9px 8px 5px;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}@keyframes vit-thumb{0%{opacity:0;transform:translateY(12px) scale(.96)}14%{opacity:1;transform:none}86%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)}}.vit-wait{position:fixed;left:50%;top:50%;z-index:20;translate:-50% -50%;font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.06em;line-height:1;opacity:0;visibility:hidden;transition:opacity .26s var(--ease),scale .3s var(--ease),visibility 0s .26s;pointer-events:none}.vit-wait.is-on{opacity:1;visibility:visible;transition:opacity .52s var(--ease),scale .3s var(--ease),visibility 0s}.vit-wait.is-done{scale:1.9;filter:blur(6px);transition:opacity .62s cubic-bezier(.55,0,.75,0),scale .62s cubic-bezier(.55,0,.75,0),filter .62s cubic-bezier(.55,0,.75,0),visibility 0s .62s}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.loader canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}:root{--bg: #0b0b0c;--fg: #ecebe6;--muted: rgba(236, 235, 230, .5);--faint: rgba(236, 235, 230, .3);--line: rgba(236, 235, 230, .12);--line-hi: rgba(236, 235, 230, .3);--glass: rgba(16, 16, 18, .66);--glass-hi: rgba(22, 22, 25, .82);--red: #a31111;--red-hi: #d01a1a;--accent: #ecebe6;--ease: cubic-bezier(.22, 1, .36, 1);--ease-io: cubic-bezier(.76, 0, .24, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--font: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", Arial, sans-serif;--mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--gutter: max(28px, env(safe-area-inset-left));--gutter-r: max(28px, env(safe-area-inset-right));--top: max(24px, env(safe-area-inset-top));--bottom: max(20px, env(safe-area-inset-bottom));font-family:var(--font);color:var(--fg);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}html.is-embedded,html.is-embedded body,html.is-embedded #root{overscroll-behavior:auto;touch-action:pan-x pan-y}html.is-embedded .stage,html.is-embedded .stage *{touch-action:pan-y!important}html.is-embedded .tabs,html.is-embedded .pieces,html.is-embedded .cards{touch-action:pan-x pan-y}html.is-apercu .brand,html.is-apercu .corner,html.is-apercu .dock,html.is-apercu .gesture-hint{display:none}canvas{display:block}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(14px)}to{transform:none}}.glass{border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25)}.app{position:fixed;top:0;right:0;bottom:0;left:0}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.brand{position:fixed;top:max(calc(var(--top) - 4px),env(safe-area-inset-top));left:var(--gutter);right:var(--gutter-r);width:max-content;margin-inline:auto;display:flex;align-items:center;gap:14px;height:48px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:var(--glass);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);pointer-events:none;animation:rise .64s var(--ease) both}.brand:has(.vitrine-seg){padding-right:5px}.back{position:fixed;top:max(calc(var(--top) - 4px),env(safe-area-inset-top));left:var(--gutter);display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:999px;background:var(--glass);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);color:var(--fg);animation:rise .64s var(--ease) both;transition:background .24s var(--ease)}.back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:translate .32s var(--ease)}.back:focus-visible{outline:1px solid var(--fg);outline-offset:3px}@media (hover: hover){.back:hover{background:var(--glass-hi)}.back:hover svg{translate:-2px 0}}@media (max-width: 460px){.back~.brand{left:calc(var(--gutter) + 56px);width:auto;margin:0;justify-content:space-between}}@media (max-width: 374px){.back~.brand{gap:8px;padding-left:14px}.back~.brand .vitrine-seg-opt{padding:0 10px}}.brand-title{font-size:15px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.brand-trim{margin-left:6px;font-weight:600;color:var(--muted)}.eyebrow,.group-title,.total-label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.brand-sub{margin-top:8px;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.hint{margin:18px 0 0;max-width:260px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;line-height:1.55;letter-spacing:.02em;color:var(--faint);animation:rise .64s .16s var(--ease) both}.switch{position:fixed;top:calc(var(--top) - 4px);left:50%;transform:translate(-50%);display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--glass);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);animation:fade .64s 80ms var(--ease) both}.switch-tab{min-height:38px;padding:0 16px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--muted);transition:color .24s var(--ease),background-color .24s var(--ease),transform .16s var(--ease)}.switch-tab.is-active{color:var(--bg);background:var(--fg)}.corner{position:fixed;top:max(calc(var(--top) - 4px),env(safe-area-inset-top));right:var(--gutter-r);display:flex;align-items:flex-start;gap:10px;animation:rise .64s 80ms var(--ease) both}.capture-btn{display:grid;place-items:center;width:48px;height:48px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--glass);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);color:var(--muted);transition:color .2s var(--ease),border-color .2s var(--ease),transform .16s var(--ease)}.capture-btn circle{fill:var(--red-hi)}.total{position:relative;display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:space-between;column-gap:14px;row-gap:4px;min-width:196px;min-height:48px;padding:11px 16px 12px 18px;border:1px solid var(--line);border-radius:18px;background:var(--glass);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);text-align:left;font-variant-numeric:tabular-nums;transition:transform .16s var(--ease),border-color .2s var(--ease)}.total-label{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted)}.total-count{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;letter-spacing:0}.total-price{font-size:22px;font-weight:700;letter-spacing:-.025em;line-height:1}.total-weight{font-size:12px;color:var(--muted)}.total-icon{display:none}.chip{position:absolute;right:10px;top:calc(100% + 8px);padding:5px 10px;border-radius:999px;background:var(--fg);color:var(--bg);font-size:12px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;pointer-events:none;animation:chip 1.6s var(--ease) both}.chip.is-up{background:var(--red);color:#fff}@keyframes chip{0%{opacity:0;transform:translateY(-6px) scale(.9)}14%{opacity:1;transform:none}72%{opacity:1;transform:none}to{opacity:0;transform:translateY(4px)}}.dock{position:fixed;left:50%;bottom:var(--bottom);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;width:min(940px,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));margin-left:calc((env(safe-area-inset-left) - env(safe-area-inset-right))/2)}.tabs-shell,.pieces-shell{display:flex;max-width:100%;min-width:0}.tabs-shell{border:1px solid var(--line);border-radius:999px;background:var(--glass);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);overflow:hidden}.tabs{position:relative;display:flex;flex:1 1 auto;gap:2px;padding:4px;max-width:100%;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}.tabs-track,.pieces-track{position:relative;display:flex;flex:none;gap:2px}.tabs::-webkit-scrollbar,.cards::-webkit-scrollbar,.pieces::-webkit-scrollbar{display:none}.tabs-pill{position:absolute;top:0;bottom:0;left:0;border-radius:999px;background:var(--fg);transition:transform .46s var(--ease),width .46s var(--ease);pointer-events:none}.tab{position:relative;display:flex;align-items:center;gap:7px;min-height:46px;padding:0 17px;flex:none;border-radius:999px;font-size:11px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;color:var(--muted);transition:color .3s var(--ease),transform .16s var(--ease)}.tab-index{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.04em;opacity:.55}.tab.is-active{color:var(--bg)}.pieces-shell{animation:rise .36s var(--ease) both;border:1px solid var(--line);border-radius:999px;background:var(--glass);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);overflow:hidden}.pieces{position:relative;display:flex;flex:1 1 auto;gap:2px;padding:0 6px;scroll-padding:0 6px;max-width:100%;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}.pieces-line{position:absolute;left:0;bottom:6.75px;height:4px;transition:transform .42s var(--ease),width .42s var(--ease);pointer-events:none}.pieces-line:after{content:"";position:absolute;top:0;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--red-hi)}.piece{position:relative;flex:none;min-height:44px;padding:0 14px;font-size:13px;font-weight:500;color:var(--muted);transition:color .24s var(--ease),transform .16s var(--ease)}.piece.is-active{color:var(--fg)}.cards{position:relative;display:flex;animation:slide-in .46s var(--ease) both;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding:0 6px;padding:6px;margin:-6px -4px;max-width:calc(100% + 8px);touch-action:pan-x}.card{position:relative;flex:none;display:flex;flex-direction:column;align-items:stretch;gap:4px;width:248px;min-height:153px;padding:14px 16px 13px;border:1px solid var(--line);border-radius:16px;background:var(--glass);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);text-align:left;cursor:pointer;touch-action:manipulation;scroll-snap-align:center;overflow:hidden;transition:background-color .28s var(--ease),color .28s var(--ease),border-color .28s var(--ease),transform .2s var(--ease),opacity .22s var(--ease);animation:fade .46s var(--ease) both}.card:first-child{margin-left:auto}.card:last-child{margin-right:auto}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:16px}.card-brand{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.55}.card-check{position:relative;display:grid;place-items:center;width:16px;height:16px}.card-check .swatch,.card-check .tick{grid-area:1 / 1;transition:opacity .22s var(--ease),transform .32s var(--spring)}.tick{opacity:0;transform:scale(.4)}.card-model{font-size:16px;font-weight:650;letter-spacing:-.015em;line-height:1.2}.card-spec{font-size:12px;line-height:1.4;opacity:.58;text-wrap:pretty}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}.card-weight{opacity:.55;font-weight:500}.card.is-active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.card.is-active .tick{opacity:1;transform:none}.card.is-active .swatch{opacity:0;transform:scale(.4)}.card.is-soon{opacity:.4;cursor:default}.swatch{width:12px;height:12px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff3d}.ink{display:grid;place-items:center;width:44px;height:44px;border-radius:50%}.ink-chip{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,var(--ink) 38%,transparent 42%) 0 0 / 5px 5px,var(--paper);box-shadow:inset 0 0 0 1px #fff3,0 0 0 0 transparent;transition:box-shadow .28s var(--ease),transform .32s var(--spring)}.ink:active .ink-chip{transform:scale(.88)}.ink.is-active .ink-chip{box-shadow:inset 0 0 0 1px #fff3,0 0 0 3px var(--bg),0 0 0 4.5px var(--fg)}.card-inks{display:flex;margin:auto 0 -6px -6px;padding-top:4px}.card .ink{width:34px;height:34px}.card .ink-chip{width:22px;height:22px;box-shadow:inset 0 0 0 1px #0b0b0c2e}.card .ink.is-active .ink-chip{box-shadow:inset 0 0 0 1px #0b0b0c2e,0 0 0 2.5px var(--accent),0 0 0 4px var(--bg)}.tag{padding:2px 8px;border:1px solid currentColor;border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.tab:active,.switch-tab:active,.piece:active,.total:active,.close:active,.capture-btn:active,.cap-btn:active,.cap-rec:active{transform:scale(.95)}.card:active:not(.is-soon):not(:has(.ink:active)){transform:scale(.97)}@media (hover: hover){.tab:hover:not(.is-active),.piece:hover:not(.is-active),.switch-tab:hover:not(.is-active){color:var(--fg)}.card:hover:not(.is-active):not(.is-soon){border-color:var(--line-hi);background:var(--glass-hi)}.total:hover,.capture-btn:hover{border-color:var(--line-hi);color:var(--fg)}.row:hover{background:#ecebe60d}.ink:hover:not(.is-active) .ink-chip{transform:scale(1.08)}.close:hover{border-color:var(--line-hi);background-color:#ecebe60f}.cap-btn:hover:not(.is-on):not(:disabled){color:var(--fg)}.cap-rec:hover:not(.is-rec){background-color:#ecebe614}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0505068c;opacity:0;pointer-events:none;transition:opacity .36s var(--ease)}.scrim.is-open{opacity:1;pointer-events:auto}.sheet{position:fixed;top:12px;right:12px;bottom:12px;width:min(440px,calc(100vw - 24px));display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;background:#0d0d0ff2;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);transform:translate(calc(100% + 24px));transition:transform .56s var(--ease)}.sheet-grab{display:none}.sheet.is-open{transform:none}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:26px 24px 20px;border-bottom:1px solid var(--line)}.eyebrow,.group-title{margin:0;color:var(--muted)}.sheet-title{margin:10px 0 4px;font-size:28px;font-weight:800;line-height:.95;letter-spacing:-.035em;text-transform:uppercase}.sheet-sub{margin:0;font-size:13px;color:var(--muted)}.close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:50%;transition:transform .16s var(--ease),border-color .2s var(--ease),background-color .2s var(--ease)}.sheet-body{flex:1;overflow-y:auto;padding:8px 12px 16px;touch-action:pan-y;overscroll-behavior:contain}.group{margin-top:16px}.group-title{display:flex;gap:10px;padding:0 12px 6px}.group-index{font-family:var(--mono);color:var(--red-hi);letter-spacing:.04em}.row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label price" "name price";align-items:center;column-gap:16px;width:100%;min-height:54px;padding:8px 12px;border-radius:12px;text-align:left;transition:background-color .2s var(--ease)}.row-label{grid-area:label;font-size:11px;color:var(--muted)}.row-name{grid-area:name;font-size:14px;font-weight:500}.row-price{grid-area:price;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.row:active{background-color:#ecebe614}.row.is-changed .row-price{color:var(--fg);font-weight:650}.row.is-changed .row-name:before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;vertical-align:3px;border-radius:50%;background:var(--red-hi)}.row-base{margin-top:6px}.row-base .row-price{color:var(--fg)}.sheet-foot{padding:16px 24px max(20px,env(safe-area-inset-bottom));border-top:1px solid var(--line);font-variant-numeric:tabular-nums}.foot-line{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);padding:3px 0}.foot-line em{font-style:normal;margin-left:6px;color:var(--fg)}.foot-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;font-size:11px;font-weight:650;letter-spacing:.2em;text-transform:uppercase}.foot-total span:last-child{font-size:34px;font-weight:800;letter-spacing:-.035em}.foot-note{margin:10px 0 0;font-size:11px;color:var(--faint)}.credits{margin-top:6px;font-size:11px;color:var(--muted)}.credits summary{min-height:32px;display:flex;align-items:center;cursor:pointer;list-style:none}.credits summary::-webkit-details-marker{display:none}.credits a{display:block;padding:4px 0;color:inherit;text-decoration:underline;text-underline-offset:3px}.app[data-ratio="9:16"]{--rw: 9;--rh: 16}.app[data-ratio="4:5"]{--rw: 4;--rh: 5}.app[data-ratio="1:1"]{--rw: 1;--rh: 1}.is-capture{background:#050506}.is-capture .stage{inset:auto;top:50%;left:50%;width:min(100vw,calc(100dvh * var(--rw) / var(--rh)));height:min(100dvh,calc(100vw * var(--rh) / var(--rw)));overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ecebe60f}.cap{position:fixed;top:calc(var(--top) - 8px);left:50%;transform:translate(-50%);z-index:20;display:flex;gap:8px;transition:opacity .7s var(--ease),transform .7s var(--ease);animation:fade .4s var(--ease) backwards}.cap.is-idle{opacity:0;transform:translate(-50%,-8px)}.cap-group{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--glass-hi);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.cap-btn,.cap-rec{display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:40px;padding:0 13px;border-radius:999px;font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;transition:color .22s var(--ease),background-color .22s var(--ease),transform .16s var(--ease)}.cap-btn.is-on{color:var(--bg);background:var(--fg)}.cap-btn:disabled{opacity:.35}.cap-rec{color:var(--fg)}.cap-rec-dot{width:9px;height:9px;border-radius:50%;background:var(--red-hi)}.cap-rec.is-rec{background:var(--red);color:#fff}.cap-rec.is-rec .cap-rec-dot{background:#fff;animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}@media (min-aspect-ratio: 5/4){.is-capture .cap{top:50%;left:auto;right:var(--gutter-r);transform:translateY(-50%);flex-direction:column;align-items:flex-end}.is-capture .cap.is-idle{transform:translate(8px,-50%)}.is-capture .cap-group{flex-direction:column;border-radius:24px}}@media (orientation: portrait){.sheet{top:auto;left:12px;width:auto;max-height:80vh;transform:translateY(calc(100% + 24px))}}@media (max-width: 1080px){.hint{display:none}}@media (max-width: 900px){.tab{padding:0 13px}.tab-index{display:none}}@media (max-width: 960px){.switch{left:var(--gutter);transform:none;top:auto;bottom:auto;position:fixed;margin-top:0;top:calc(var(--top) + 96px)}}@media (max-width: 620px),(max-height: 500px) and (pointer: coarse) and (orientation: landscape) and (max-device-width: 499px),(max-height: 500px) and (pointer: coarse) and (orientation: landscape) and (max-device-height: 499px){:root{--gutter: max(16px, env(safe-area-inset-left));--gutter-r: max(16px, env(safe-area-inset-right));--top: max(16px, env(safe-area-inset-top));--bottom: max(12px, env(safe-area-inset-bottom))}.switch{top:calc(var(--top) + 64px)}.switch-tab{min-height:34px;padding:0 12px;font-size:11px}.corner .capture-btn{display:none}.brand{gap:10px;padding-left:16px}.brand-title{font-size:13px}.brand .vitrine-seg-opt{padding:0 12px}.total{display:flex;align-items:center;gap:11px;min-width:0;min-height:44px;padding:0 13px 0 15px;border-radius:15px}.total-label{display:contents}.total-label-text,.total-weight{display:none}.total-price{font-size:17px;letter-spacing:-.02em}.total-icon{display:block;height:14px;padding-left:11px;box-sizing:content-box;border-left:1px solid var(--line);color:var(--muted)}.total-count{position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2px var(--bg)}.total-count.is-zero{display:none}.sheet{left:0;right:0;bottom:0;max-height:calc(100vh - max(20px,env(safe-area-inset-top)) - 24px);max-height:calc(100dvh - max(20px,env(safe-area-inset-top)) - 24px);border-width:1px 0 0;border-radius:26px 26px 0 0;background:#0d0d0f;transform:translateY(100%);transition:transform .5s cubic-bezier(.32,.72,0,1)}.sheet-grab{display:block;position:absolute;top:7px;left:50%;width:36px;height:5px;margin-left:-18px;border-radius:3px;background:var(--line-hi);pointer-events:none}.sheet-head{flex:none;align-items:center;padding:22px 12px 14px 20px;touch-action:none}.sheet-head>div{min-width:0}.eyebrow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sheet-title{margin:7px 0 3px;font-size:22px;white-space:nowrap}.sheet-sub{font-size:12px}.sheet-body{min-height:0;padding:4px 8px 12px}.group{margin-top:12px}.row{min-height:50px}.sheet-foot{flex:none;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#0d0d0f}.foot-line{font-size:12px;padding:2px 0}.foot-total{margin-top:8px}.foot-total span:last-child{font-size:28px}.foot-note{margin-top:6px;font-size:11px}.credits{margin-top:2px}.dock{width:100vw;gap:8px}.cards{width:100%;max-width:none;margin:-6px 0;padding:6px 16px;scroll-padding:0 16px}.card{width:min(64vw,252px);min-height:135px;padding:11px 13px 10px;gap:3px;border-radius:14px}.card-brand{font-size:10px}.card-model{font-size:15px}.card-spec{font-size:11.5px}.card-meta{padding-top:6px;font-size:11px}.tabs-shell,.pieces-shell{max-width:min(100%,calc(100vw - 24px))}.tab{padding:0 14px}.tab-index{display:none}.cap{flex-wrap:wrap;justify-content:center;width:calc(100vw - 24px)}}@media (max-width: 360px){.sheet-head .eyebrow{letter-spacing:.12em}.sheet-title{font-size:20px}}@property --fade-l{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --fade-r{syntax: "<length>"; inherits: false; initial-value: 0px;}@keyframes tabs-fade{0%{--fade-l: 0px;--fade-r: 40px}12%{--fade-l: 40px}88%{--fade-r: 40px}to{--fade-l: 40px;--fade-r: 0px}}@supports (animation-timeline: scroll()){@media (max-height: 500px) and (pointer: coarse) and (orientation: landscape) and (max-device-width: 499px),(max-height: 500px) and (pointer: coarse) and (orientation: landscape) and (max-device-height: 499px){.cards{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent);animation:tabs-fade linear both,slide-in .46s var(--ease) both;animation-timeline:scroll(self inline),auto}}@media (max-width: 620px),(max-height: 500px) and (pointer: coarse) and (orientation: landscape) and (max-device-width: 499px),(max-height: 500px) and (pointer: coarse) and (orientation: landscape) and (max-device-height: 499px){.tabs,.pieces{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent);animation:tabs-fade linear both;animation-timeline:scroll(self inline)}}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}}.cap-grain{align-items:center;gap:12px;padding:0 16px;min-height:46px;cursor:pointer}.cap-grain-label,.cap-grain-value{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim, rgba(236, 235, 230, .6))}.cap-grain-value{min-width:3.2em;text-align:right;font-variant-numeric:tabular-nums;color:var(--fg)}.cap-grain input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:28px;background:transparent;margin:0}.cap-grain input::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:linear-gradient(to right,var(--fg) var(--v),var(--line-hi) var(--v))}.cap-grain input::-moz-range-track{height:2px;border-radius:2px;background:linear-gradient(to right,var(--fg) var(--v),var(--line-hi) var(--v))}.cap-grain input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:50%;background:var(--fg)}.cap-grain input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--fg)}@media (min-aspect-ratio: 5/4){.is-capture .cap-group.cap-grain{flex-direction:row;border-radius:999px}}.gesture-hint{position:fixed;left:50%;bottom:calc(var(--bottom, 24px) + 96px);max-width:min(560px,calc(100vw - 48px));margin:0;transform:translate(-50%);font-size:11px;font-weight:600;letter-spacing:.18em;line-height:1.7;text-align:center;text-transform:uppercase;color:var(--muted);pointer-events:none;animation:hint-in .9s var(--ease) both;transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}.gesture-hint.is-off{opacity:0;transform:translate(-50%,6px)}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (max-width: 620px),(max-height: 500px) and (pointer: coarse) and (orientation: landscape) and (max-device-width: 499px),(max-height: 500px) and (pointer: coarse) and (orientation: landscape) and (max-device-height: 499px){.gesture-hint{bottom:calc(var(--bottom, 12px) + 84px);letter-spacing:.12em}}@media (max-width: 620px) and (pointer: coarse){html.is-embedded .gesture-hint{display:none}}.decor{display:flex;pointer-events:auto}.decor-track{position:relative;display:flex;flex:1;gap:2px;padding:3px;border-radius:18px;background:#ecebe612}.decor-pill{position:absolute;top:3px;bottom:3px;left:0;border-radius:15px;background:var(--fg);transition:transform .46s var(--ease),width .46s var(--ease);pointer-events:none}.decor-load{position:absolute;left:15px;right:15px;bottom:6px;height:2px;border-radius:2px;background:var(--red-hi);transform-origin:left;opacity:0;transition:opacity .26s var(--ease)}.decor-load.is-on{opacity:1;animation:decor-breathe .9s var(--ease) .26s infinite alternate}@keyframes decor-breathe{to{opacity:.45}}.decor-opt{position:relative;display:flex;flex:1;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 15px;border-radius:15px;font-size:11px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;color:var(--muted);transition:color .3s var(--ease),opacity .26s var(--ease),transform .16s var(--ease)}.decor-opt.is-active{color:var(--bg)}.decor-opt:active:not(:disabled){transform:scale(.95)}.decor-opt:disabled{cursor:default;color:var(--faint)}.decor-soon{padding:2px 6px 1px;border:1px solid var(--line-hi);border-radius:999px;font-size:11px;letter-spacing:.1em}@media (hover: hover){.decor-opt:hover:not(.is-active):not(:disabled){color:var(--fg)}}@media (max-width: 620px){.decor-track{border-radius:16px}.decor-pill,.decor-opt{border-radius:13px}.decor-opt{min-height:34px;padding:0 12px;font-size:10px;letter-spacing:.1em}.decor-load{left:12px;right:12px;bottom:5px}}.veil{position:absolute;top:0;left:0;right:0;height:calc(100% + 24vh);background:linear-gradient(to bottom,var(--bg) calc(100% - 24vh),rgba(11,11,12,0));opacity:0;pointer-events:none}.veil.is-out{opacity:1;transition:opacity .28s var(--ease)}.veil.is-in{opacity:1;transform:translateY(-100%);transition:transform .64s var(--ease)}@media (max-height: 500px) and (pointer: coarse) and (orientation: landscape) and (max-device-width: 499px),(max-height: 500px) and (pointer: coarse) and (orientation: landscape) and (max-device-height: 499px){:root{--top: max(10px, env(safe-area-inset-top));--bottom: max(10px, env(safe-area-inset-bottom));--dock-w: min(380px, 46vw)}.dock{left:auto;right:var(--gutter-r);width:var(--dock-w);margin:0;transform:none;align-items:stretch;gap:6px}.brand{top:var(--top);left:50%;right:auto;margin:0;translate:calc(50vw - var(--gutter-r) - var(--dock-w) / 2 - 50%) 0}.brand.is-away{translate:-50% 0}.brand.is-moving{transition:translate .76s var(--ease)}.back{top:var(--top)}.cards{padding:6px 4px;margin:-6px -4px;max-width:none;width:auto;scroll-padding:0 4px}.card{flex:1 1 0;width:auto;min-width:104px;min-height:92px;padding:10px 11px 11px;gap:2px;border-radius:14px}.card:first-child{margin-left:0}.card:last-child{margin-right:0}.card-brand{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;letter-spacing:.12em}.card-model{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:balance}.card-spec{display:none}.card-meta{padding-top:2px;font-size:11px}.pieces-shell{flex:none;align-self:center}.piece{padding:0 11px;font-size:12px}.pieces-line{bottom:7px}.tabs-shell{max-width:none}.tab{min-height:44px;padding:0 13px}.total{min-height:44px}.gesture-hint{left:calc((100vw - var(--dock-w) - var(--gutter-r)) / 2);bottom:var(--bottom);max-width:calc(100vw - var(--dock-w) - var(--gutter-r) - 48px)}.sheet{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));left:auto;width:min(400px,60vw);max-height:none;border-width:1px;border-radius:22px;transform:translate(calc(100% + 8px + env(safe-area-inset-right)))}.sheet-grab{display:none}.sheet{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.sheet-head{position:sticky;top:0;z-index:1;padding:12px 10px 10px 18px;background:#0d0d0f;border-radius:22px 22px 0 0}.sheet-body{flex:none;overflow:visible}.sheet-title{margin:4px 0 1px;font-size:18px}.sheet-sub{font-size:11px}.sheet-foot{padding:8px 18px 10px;border-radius:0 0 22px 22px}.foot-total{margin-top:4px}.foot-total span:last-child{font-size:22px}.foot-note{margin-top:4px}}.total-count.is-zero,.total-short{display:none}.total.no-price{min-width:0;row-gap:6px}.total.no-price .total-weight{font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--fg)}.foot-sign{margin-top:4px;letter-spacing:.16em;text-transform:uppercase}@media (max-width: 620px),(max-height: 500px) and (pointer: coarse) and (orientation: landscape) and (max-device-width: 499px),(max-height: 500px) and (pointer: coarse) and (orientation: landscape) and (max-device-height: 499px){.total.no-price .total-short{display:block;font-size:10px;font-weight:650;letter-spacing:.16em;color:var(--fg)}.total.no-price .total-weight{display:none}.corner .fullscreen-btn{display:grid;width:44px;height:44px}}@media (max-width: 420px){.corner .fullscreen-btn{display:none}}