:root{--bg:#16181b;--panel:#121417cc;--panel-solid:#121417f2;--bar:#121417c7;--line:#ffffff17;--line-strong:#ffffff2e;--edge-on:#ffffff6b;--thumb:#ffffff1f;--hover:#ffffff0d;--field:#ffffff0d;--text:#eceef0;--muted:#a4aab1;--accent:#e6e8ea;--on-accent:#121416;--r-md:12px;--r-lg:16px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-sheet:cubic-bezier(.32, .72, 0, 1);--t-fast:.14s;--t-base:.22s;--t-sheet:.36s;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:17px;--side-w:clamp(340px, 27vw, 420px);--side-space:calc(var(--side-w) + 32px);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}button,select,input{font:inherit;color:inherit}a,button,label,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes pulse{0%{opacity:1}to{opacity:.25}}.app{isolation:isolate;background:radial-gradient(120% 80% at 50% 35%,#3a3e44 0%,#24272b 45%,#141618 100%);height:100svh;min-height:460px;position:relative;overflow:clip}.app:before{content:"";pointer-events:none;background:linear-gradient(to bottom, #08090b73, transparent 130px), linear-gradient(to top, var(--bg), transparent 64px);position:absolute;inset:0}@supports (animation-timeline:view()){.app:after{content:"";z-index:10;background:var(--bg);opacity:0;pointer-events:none;animation:linear both stage-dim;animation-timeline:view();animation-range:exit;position:absolute;inset:0}@keyframes stage-dim{to{opacity:.75}}}.app{touch-action:pan-x pan-y}.stage{z-index:-1;position:absolute;inset:0}.stage canvas{cursor:grab}.stage canvas:active{cursor:grabbing}.stage canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.stage-error{height:100%;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:12px;padding:24px;font-size:14px;display:grid}.stage-error p{margin:0}.stage-error button{border:1px solid var(--line-strong);background:var(--thumb);min-height:40px;color:var(--text);cursor:pointer;border-radius:999px;padding:0 18px;font-weight:600}@media (pointer:coarse){.stage-error button{min-height:44px}}.brand{--lockup-h:20px;top:max(16px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));max-width:calc(100% - var(--side-space) - 40px);pointer-events:none;text-shadow:0 1px 2px #0000008c,0 0 12px #00000059;justify-items:start;gap:4px;display:grid;position:absolute}.brand-lockup{height:var(--lockup-h);width:auto;color:var(--text);filter:drop-shadow(0 1px 2px #00000080);display:block}.brand-home{color:inherit;pointer-events:auto;border-radius:4px;margin:-12px -8px;padding:12px 8px;display:block}.brand-home:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.logo{letter-spacing:.005em;color:#d5d9dd;margin:0;font-size:13px;font-weight:600;line-height:16px}.tag{color:#a4aab1;margin:-2px 0 0;font-size:12px;line-height:15px;display:none}@media (width>=2040px){.is-side .tag{display:block}}.vehicle-pick{pointer-events:auto;text-shadow:none;margin-top:4px}.vehicle-chip{background:var(--bar);height:32px;box-shadow:inset 0 0 0 1px var(--line-strong);-webkit-backdrop-filter:blur(14px);font-size:var(--fs-sm);color:var(--text);white-space:nowrap;cursor:pointer;transition:background var(--t-fast), box-shadow var(--t-fast);border:0;border-radius:16px;align-items:center;gap:6px;padding:0 10px 0 12px;font-weight:600;line-height:1;display:inline-flex;position:relative}.vehicle-chip svg{color:var(--muted);transition:transform var(--t-fast);flex-shrink:0}.vehicle-chip:hover,.vehicle-chip.on{background:#282b30d9}.vehicle-chip.on{box-shadow:inset 0 0 0 1px var(--edge-on)}.vehicle-chip.on svg{transform:rotate(180deg)}@media (pointer:coarse){.vehicle-chip:after{content:"";position:absolute;inset:-6px -4px}}.vp-pop{z-index:60;border:1px solid var(--line);border-radius:var(--r-lg);width:240px;max-height:calc(100svh - 24px);color:var(--text);overscroll-behavior:contain;animation:vp-in var(--t-base) var(--ease-out);background:#15171a;padding:6px;position:fixed;overflow-y:auto;box-shadow:0 18px 48px #00000073,0 2px 8px #0000004d}@keyframes vp-in{0%{opacity:0;transform:translateY(-4px)}}.vp-pop-sheet{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));width:auto;max-width:520px;animation:vp-up var(--t-sheet) var(--ease-sheet);margin-inline:auto;padding:4px 8px 8px}@keyframes vp-up{0%{opacity:0;transform:translateY(24px)}}.vp-scrim{z-index:59;animation:vp-fade var(--t-base);background:#00000059;position:fixed;inset:0}@keyframes vp-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.vp-pop,.vp-scrim{animation:.15s ease-out vp-fade}.vehicle-chip svg{transition:none}}.vp-head h2{font-size:var(--fs-lg);margin:0;padding:12px 8px 4px;font-weight:650}.vp-group+.vp-group{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.vp-group-label{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px 4px;font-weight:600}.vp-option{color:var(--muted);cursor:pointer;border-radius:8px;outline:none;gap:2px;padding:9px 30px 9px 10px;font-size:14px;font-weight:550;display:grid;position:relative}.vp-option:focus{background:var(--hover);color:var(--text)}@media (hover:hover){.vp-option:hover{background:var(--hover);color:var(--text)}}.vp-option:active{background:var(--thumb)}.vp-option:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.vp-option.on{color:var(--text)}.vp-option.on:after{content:"";border:solid var(--text);border-width:0 0 2px 2px;width:9px;height:5px;position:absolute;top:50%;right:12px;transform:translateY(-70%)rotate(-45deg)}.vp-hint{font-size:var(--fs-xs);color:var(--muted);font-weight:400}@media (pointer:coarse){.vp-option{min-height:44px;font-size:var(--fs-md);align-content:center}}.vehicle-loading,.stage-busy-pill{background:var(--bar);-webkit-backdrop-filter:blur(14px);font-size:var(--fs-sm);color:var(--text);white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 14px;display:flex}.vehicle-loading{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.stage-busy{top:calc(max(10px, env(safe-area-inset-top)) + 96px);pointer-events:none;margin:0;position:absolute;left:50%;transform:translate(-50%)}.is-side .stage-busy{top:84px;left:calc((100% - var(--side-space)) / 2)}.stage-busy-pill{box-shadow:inset 0 0 0 1px var(--line), 0 4px 16px #00000059;animation:vp-fade var(--t-base)}.spinner{border:2px solid var(--line-strong);border-top-color:var(--text);border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation:1.6s ease-in-out infinite alternate pulse}}@media (width<=760px){.app-pre .brand{top:max(10px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));align-content:center;max-width:calc(100% - 180px);min-height:44px}}.quick-views,.views{background:var(--bar);border-radius:var(--r-md);-webkit-backdrop-filter:blur(14px);scrollbar-width:none;overscroll-behavior-x:contain;transition:opacity var(--t-base);align-items:center;gap:2px;padding:4px;display:flex;overflow-x:auto}.views{position:absolute}.quick-views::-webkit-scrollbar{display:none}.views::-webkit-scrollbar{display:none}[data-more=end]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}[data-more=start]{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000)}[data-more=both]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 36px),#0000)}.quick-views button,.views button{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0;border-radius:8px;flex-shrink:0;padding:7px 11px}.quick-views button:hover,.views button:hover{color:var(--text)}.quick-views button.on,.views button.on{background:var(--thumb);box-shadow:inset 0 0 0 1px var(--edge-on);color:var(--text)}.quick-views button:focus-visible,.views button:focus-visible{outline-offset:-2px}.view-bar-wrap{display:contents}.view-bar{bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));right:calc(var(--side-space) + 16px);pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute}.view-bar>*{pointer-events:auto}.view-bar .view-btn{height:40px;font-size:var(--fs-sm);border-radius:20px;padding:0 14px 0 12px}.view-bar .view-btn svg{width:18px;height:18px}.view-bar .tool-dot{top:7px;right:7px}.view-bar .history{margin-left:auto}:is(.views,.quick-views,.full-btn,.full-ctl button,.stage-actions .sm-head-btn){box-shadow:inset 0 0 0 1px var(--line)}.ar-slot{flex:none;width:40px;height:40px}.spin-360{letter-spacing:.02em;font-size:11px;font-weight:700}.history{background:var(--bar);height:40px;box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(14px);border-radius:20px;align-items:center;display:inline-flex}.history button{border-radius:inherit;width:40px;height:100%;color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.history button:hover:not(:disabled){background:#ffffff14}.history button:disabled{color:var(--muted);opacity:.5;cursor:default}.stage-tools .history{border-radius:22px;gap:0;height:44px}.stage-tools .history button{width:44px}@media (height<=560px) and (orientation:landscape){.is-side .history{height:36px}.is-side .history button{width:36px}}.undo{left:50%;bottom:calc(var(--peek) + 66px + env(safe-area-inset-bottom));background:var(--panel);box-shadow:inset 0 0 0 1px var(--line), 0 4px 16px #00000059;font-size:var(--fs-sm);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:5px 5px 5px 14px;display:flex;position:absolute;transform:translate(-50%)}.is-side .undo{left:calc((100% - var(--side-space)) / 2);bottom:calc(max(16px, env(safe-area-inset-bottom)) + 56px)}.undo button{background:var(--thumb);min-height:32px;font:inherit;color:var(--text);cursor:pointer;border:0;border-radius:999px;padding:0 14px;font-weight:600}.undo button:hover{background:#fff3}@media (pointer:coarse){.undo button{position:relative}.undo button:after{content:"";position:absolute;inset:-6px -5px}}.is-side .views{bottom:max(16px, env(safe-area-inset-bottom));left:calc((100% - var(--side-space)) / 2);max-width:calc(100% - var(--side-space) - 32px);transform:translate(-50%)}@media (width>=768px) and (width<=1023px) and (height>=900px),(width>=900px) and (width<=1023px) and (height>=561px){.is-side .quick-views button{padding-inline:8px}.is-side .brand{max-width:calc(100% - var(--side-space) - 330px)}.is-side .share-bar .sm-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (width>=900px) and (width<=1023px) and (height>=561px){.is-side .brand{max-width:calc(100% - var(--side-space) - 360px)}}.is-sheet .brand{top:max(10px, env(safe-area-inset-top));left:max(14px, calc((100% - 760px) / 2 + 6px), env(safe-area-inset-left));max-width:calc(100% - 130px);min-height:44px;transition:opacity var(--t-base), visibility var(--t-base);align-content:center}.is-sheet .spin-360{font-size:13px}.sheet-full :is(.brand,.stage-actions,.full-ctl){opacity:0;visibility:hidden}.is-sheet.sheet-open .brand{min-height:0}.is-sheet.sheet-open .brand>:not(:first-child){display:none}.is-sheet.sheet-open .stage-actions{opacity:0;visibility:hidden}.is-sheet .stage-actions{top:max(10px, env(safe-area-inset-top));right:max(8px, calc((100% - 760px) / 2), env(safe-area-inset-right));transition:opacity var(--t-base), visibility var(--t-base);gap:8px;display:flex;position:absolute}.is-sheet .stage-actions>*{position:static}.is-sheet .stage-actions .sm-head-btn{background:var(--bar);width:44px;height:44px;color:var(--text);-webkit-backdrop-filter:blur(14px);cursor:pointer;border:0;border-radius:50%;place-items:center;margin:0;display:grid}:is(.sheet-open .coach.show,.app:has(.sheet-card[data-dragging]) .coach.show){opacity:0;pointer-events:none}@media (width<=760px){.brand{--lockup-h:16px;gap:3px}.logo{font-size:12px;line-height:14px}.views button{padding:8px 10px;font-size:12.5px}}@media (pointer:coarse){.views button{min-height:36px}}@media (height<=560px) and (orientation:landscape){:root{--side-w:min(320px, 44vw);--side-space:calc(var(--side-w) + 16px + env(safe-area-inset-right))}.app{min-height:300px}.brand{--lockup-h:15px;top:max(10px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));gap:2px}.logo{font-size:11.5px;line-height:13px}.is-side .views{bottom:max(8px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left));transform:none}.views,.quick-views{border-radius:10px;padding:3px}.views button,.quick-views button{padding:6px 9px;font-size:12px}.view-bar{bottom:max(8px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left));right:calc(var(--side-space) + 6px);gap:6px}.is-side .view-bar .view-btn{border-radius:18px;height:36px;padding:0 12px 0 10px;font-size:12px}}.coach{left:50%;bottom:calc(var(--peek) + 66px + env(safe-area-inset-bottom));background:var(--panel);font-size:var(--fs-sm);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;margin:0;padding:8px 14px;transition:opacity .3s;position:absolute;transform:translate(-50%)}.is-side .coach{left:calc((100% - var(--side-space)) / 2);bottom:calc(max(16px, env(safe-area-inset-bottom)) + 56px)}.coach.show{opacity:1}.cta{background:var(--accent);color:var(--on-accent);font-size:var(--fs-sm);white-space:nowrap;transition:background var(--t-fast), transform .1s ease-out;border-radius:999px;flex:none;align-items:center;gap:6px;padding:9px 13px 9px 15px;font-weight:600;text-decoration:none;display:inline-flex}.cta:hover{background:#fff}.cta:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.cta:active{background:#fff;transform:none}}.chip{border:1px solid #ffffff2e;border-radius:50%;width:40px;height:40px;display:block;box-shadow:inset 0 -6px 10px #00000040,inset 0 4px 8px #ffffff1a}.picker{cursor:pointer;position:relative;overflow:hidden}.picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.picker:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.info{padding:36px max(16px, env(safe-area-inset-right)) 28px max(16px, env(safe-area-inset-left));gap:20px;display:grid}.info>section{scroll-margin-top:16px}@media (width<=760px){.info{padding:20px max(8px, env(safe-area-inset-right)) 20px max(8px, env(safe-area-inset-left));gap:14px}}.full-btn,.full-ctl button{background:var(--bar);width:40px;height:40px;color:var(--text);-webkit-backdrop-filter:blur(14px);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.stage-tools .full-btn{width:44px;height:44px;position:relative}@media (height<=560px) and (orientation:landscape){.is-side .full-btn{width:36px;height:36px}}.app.full{z-index:50;height:100svh;min-height:0;position:fixed;top:0;left:0;right:0;box-shadow:0 0 0 100vmax #141618}:root:fullscreen .app.full{height:auto;bottom:0}.app.full:before,.app.full:after{display:none}.app.full.bare>:not(.stage,.full-ctl),.app.full.tools>:is(.brand,.stage-actions,.view-bar-wrap,.views),.app.full .sheet-foot>*{visibility:hidden;opacity:0}.app.full .panel-foot{display:none}.app.full .panel.sheet{--foot-h:0px}.app.full .sheet-foot{border:0;padding:0}.app.full .stage-tools .full-btn{display:none}.app.full .stage canvas{touch-action:none!important}.full-ctl{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));gap:8px;transition:opacity .4s,visibility .4s;display:flex;position:absolute}.is-side.full.tools .full-ctl{right:calc(var(--side-space) + 16px)}@media (height<=560px) and (orientation:landscape){.is-side.full.tools .full-ctl{top:max(8px, env(safe-area-inset-top));right:calc(var(--side-space) + 6px)}}.full-ctl button.on{background:var(--thumb);box-shadow:inset 0 0 0 1px var(--edge-on)}@media (pointer:coarse){.full-ctl button{width:44px;height:44px}}.app.full.idle .full-ctl{opacity:0}.app.full.idle .stage canvas{cursor:none}.stage-actions{display:contents}.is-side .stage-actions{top:max(16px, env(safe-area-inset-top));right:calc(var(--side-space) + 16px);align-items:center;gap:8px;display:flex;position:absolute}.is-side .stage-actions>*{position:static}@media (height<=560px) and (orientation:landscape){.is-side .stage-actions{top:max(8px, env(safe-area-inset-top));right:calc(var(--side-space) + 6px);gap:6px}}@media (pointer:coarse){.is-side .view-bar .view-btn,.is-side .history,.is-side .full-btn,.is-side .stage-actions .ar-btn,.is-side .ar-slot{height:44px}.is-side .view-bar .view-btn,.is-side .history{border-radius:22px}.is-side .history button,.is-side .full-btn,.is-side .stage-actions .ar-btn,.is-side .ar-slot{width:44px}.is-side .quick-views{padding:0 2px}.is-side .quick-views button{border-radius:10px;min-width:44px;min-height:44px}}
