:root{color-scheme:dark;--bg:#111820;--fg:#eae9e2;--muted:#929da9;--gold:#d6b98b;--line:rgba(200,210,220,.14);--panel:rgba(18,25,33,.95);font-family:Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);overscroll-behavior:none}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button,a{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold)}button{border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:wait}[hidden]{display:none!important}.stage{position:relative;isolation:isolate;width:100%;height:100vh;height:100dvh;min-height:400px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#27323e 0%,#111820 68%)}#viewport{position:absolute;inset:0}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}#viewport.fallback{background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.55}.grain{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(7,12,18,.38),transparent 20%,transparent 78%,rgba(7,12,18,.15));z-index:1}.header{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:calc(26px + env(safe-area-inset-top)) calc(34px + env(safe-area-inset-right)) 22px calc(34px + env(safe-area-inset-left));z-index:3}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:45px;height:45px;border:1px solid rgba(214,185,139,.5);display:grid;place-content:center;font-family:Georgia,serif;font-size:29px;letter-spacing:-3px}.brand-mark span{color:var(--gold);display:inline;font-size:21px;position:absolute;margin:10px 0 0 28px}.brand strong{display:block;letter-spacing:.23em;font-weight:500;font-size:16px}.brand small{display:block;font-size:8px;letter-spacing:.22em;margin-top:7px;color:var(--muted)}.top-actions{display:flex;gap:8px}.icon-btn{display:grid;place-items:center;background:rgba(13,20,28,.3);border:1px solid var(--line);border-radius:3px;width:43px;height:43px;transition:background .2s,border-color .2s}.icon-btn:hover,.icon-btn[aria-expanded=true]{background:rgba(214,185,139,.1);border-color:rgba(214,185,139,.4)}svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.knob{stroke-width:3}.vehicle-info{position:absolute;z-index:2;left:calc(35px + env(safe-area-inset-left));top:calc(145px + env(safe-area-inset-top));pointer-events:none}.eyebrow{font-size:9px;letter-spacing:.22em;color:var(--gold);display:flex;align-items:center;gap:12px}.hairline{display:block;width:33px;height:1px;background:var(--gold);opacity:.6}h1{font-size:36px;line-height:1.1;letter-spacing:.02em;font-weight:400;margin:16px 0 10px}#model-subtitle{color:#c1c7cc;font-size:11px;letter-spacing:.1em;margin:0}.model-note{font-family:Georgia,serif;font-style:italic;color:var(--muted);font-size:12px;margin-top:19px}.finish-summary{display:flex;align-items:center;gap:9px;margin-top:21px;padding:7px 0;background:none;color:#c7cdd2;font-size:10px;letter-spacing:.04em;pointer-events:auto}.finish-summary:hover{color:var(--gold)}#finish-dot{width:12px;height:12px;background:#123a73;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff33}.arrow{color:var(--gold);font-size:15px;margin-left:8px}.edition{position:absolute;right:35px;top:160px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.23em;color:var(--muted);opacity:.6;z-index:1}.edition span{margin-top:24px}.panel{position:absolute;z-index:5;right:calc(27px + env(safe-area-inset-right));top:calc(91px + env(safe-area-inset-top));width:304px;max-height:calc(100% - 188px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;background:var(--panel);border:1px solid var(--line);border-radius:5px;box-shadow:0 25px 65px #0005;padding:23px;backdrop-filter:blur(20px);scrollbar-width:thin;scrollbar-color:#64717b transparent}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:5px;margin-bottom:25px}.panel-heading .eyebrow{font-size:7px;letter-spacing:.17em}h2{font-family:Georgia,serif;font-weight:400;font-size:24px;margin:9px 0 0}.panel-heading .icon-btn{width:26px;height:26px;background:none;border:0;font-size:25px;font-weight:200}.setting-section{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:19px}.setting-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}label,.setting-title label{font-size:9px;letter-spacing:.14em;color:#c9cfd4}.setting-title>span,output{font-size:8px;letter-spacing:.10em;color:var(--muted)}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 13px}.swatch{height:34px;background:none;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid transparent;border-radius:4px}.swatch::before{content:"";width:25px;height:25px;background:var(--swatch);border:1px solid #ffffff22;border-radius:50%;box-shadow:inset -4px -4px 8px #0004,inset 4px 4px 7px #fff2}.swatch[aria-pressed=true]{border-color:var(--gold)}.swatch[aria-pressed=true]::after{content:"";position:absolute;right:1px;bottom:0;width:4px;height:4px;background:var(--gold);border-radius:50%}.selected-color{font-size:10px;color:var(--gold);letter-spacing:.06em;margin:14px 0 0}.segments{display:flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}.segments button{flex:1;font-size:8px;letter-spacing:.1em;background:transparent;color:var(--muted);padding:11px 4px}.segments button[aria-pressed=true]{color:var(--gold);background:rgba(214,185,139,.10)}.segments button+button{border-left:1px solid var(--line)}input[type=range]{width:100%;height:3px;margin:10px 0 3px;accent-color:var(--gold);cursor:pointer}.inline-setting{display:flex;justify-content:space-between;align-items:center;gap:10px}.compact{width:122px}.compact button{font-size:7px;padding:9px 5px}.toggle{width:67px;display:flex;align-items:center;gap:8px;background:none;padding:4px}.toggle span{width:27px;height:15px;border-radius:15px;border:1px solid #6c7782;position:relative}.toggle span:before{content:"";position:absolute;top:3px;left:3px;width:7px;height:7px;border-radius:50%;background:#9da6af;transition:transform .2s}.toggle[aria-checked=true] span{border-color:var(--gold)}.toggle[aria-checked=true] span:before{background:var(--gold);transform:translateX(11px)}.toggle b{font-size:8px;font-weight:400;letter-spacing:.1em}.setting-help,.panel-footnote{font-size:9px;color:var(--muted);line-height:1.8}.setting-help{margin:11px 0 0}.reset-button{width:100%;display:flex;justify-content:space-between;padding:13px;background:transparent;border:1px solid var(--line);border-radius:3px;letter-spacing:.14em;font-size:9px}.reset-button:hover{border-color:var(--gold)}.panel-footnote{margin:15px 0 0;font-size:8px}.collection-panel{width:330px}.collection-card{display:block;width:100%;text-align:left;padding:0;background:rgba(0,0,0,.1);border:1px solid var(--line);border-radius:3px;overflow:hidden}.collection-card[aria-pressed=true]{border-color:rgba(214,185,139,.5)}.collection-card img{width:100%;aspect-ratio:1.6;object-fit:cover;display:block}.card-info{padding:16px}.card-number{color:var(--gold);font-size:8px;letter-spacing:.15em}.card-title{font-weight:400;font-size:16px;margin:8px 0}.card-subtitle{font-size:9px;color:var(--muted);margin:0;line-height:1.6}.collection-list{display:grid;gap:16px}.bottom-ui{position:absolute;bottom:calc(54px + env(safe-area-inset-bottom));left:calc(35px + env(safe-area-inset-left));right:calc(35px + env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;z-index:3;gap:16px}.archive-status{font-size:8px;letter-spacing:.13em;color:var(--muted);display:flex;align-items:center;gap:8px;min-width:180px}.status-dot{width:4px;height:4px;background:var(--gold);border-radius:50%;box-shadow:0 0 10px #d6b98b55}.status-divider{opacity:.4}.camera-dock{display:flex;align-items:center;background:rgba(17,24,32,.78);border:1px solid var(--line);border-radius:4px;padding:5px;backdrop-filter:blur(12px);white-space:nowrap}.camera-views{display:flex;gap:2px}.camera-views button,.zoom{background:none;min-width:40px;min-height:34px;font-size:10px;color:var(--muted);border-radius:2px}.camera-views button[aria-pressed=true]{background:rgba(214,185,139,.1);color:var(--gold)}.camera-views button:hover,.zoom:hover{color:var(--gold)}.dock-divider{height:18px;width:1px;background:var(--line);margin:0 7px}.zoom{font-size:17px;min-width:30px}.download{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:8px;letter-spacing:.14em;min-width:180px;color:#c2cad1}.download small{display:block;font-size:7px;margin-top:6px;color:var(--muted);letter-spacing:.06em}.download:hover{color:var(--gold)}.gesture-hint{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.18em;color:var(--muted);white-space:nowrap;margin:0;z-index:2}.gesture-hint span{margin:0 13px;color:var(--gold)}.concept-credit{position:absolute;left:35px;bottom:calc(18px + env(safe-area-inset-bottom));font-size:6px;letter-spacing:.1em;color:var(--muted);opacity:.5;margin:0;z-index:2}.loader{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:15px;z-index:4;width:220px;pointer-events:none;font-size:8px;letter-spacing:.17em;color:var(--gold)}.loader-number{font-family:Georgia,serif;font-size:38px;color:var(--fg);letter-spacing:.08em}.load-track{width:150px;height:1px;background:#d6b98b22}.load-track i{display:block;background:var(--gold);width:8%;height:1px;transition:width .2s}.error{position:absolute;z-index:10;left:50%;top:55%;transform:translate(-50%,-50%);background:var(--panel);border:1px solid var(--line);padding:25px;max-width:360px;width:calc(100% - 40px);font-size:12px;line-height:1.8}.error p{color:var(--muted);font-size:11px}.error a{display:block;font-size:10px;margin-top:15px;color:var(--gold)}.text-button{background:none;border:1px solid var(--line);padding:9px 14px;font-size:11px}.stage.is-immersive{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;min-height:0;z-index:9999}.stage.is-immersive>:not(#viewport):not(#immersive-reveal):not(#immersive-exit):not(#error){display:none!important}#immersive-reveal{position:absolute;top:env(safe-area-inset-top);right:env(safe-area-inset-right);width:70px;height:65px;background:transparent;z-index:21}#immersive-exit{position:absolute;top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:22;background:#111820bb;backdrop-filter:blur(12px);border:1px solid #ffffff35;border-radius:4px;padding:12px 17px;font-size:12px;color:#eee}#immersive-exit span{margin-left:14px;color:var(--gold)}body[data-theme=light]{--bg:#c9ced1;--fg:#15222d;--muted:#51606a;--line:rgba(30,50,65,.18);--panel:rgba(225,229,231,.97);--gold:#705c38}.stage.light{background:radial-gradient(ellipse at 50% 40%,#f4f3ef,#bcc4cb 80%)}.light #model-subtitle,.light .finish-summary,.light label,.light .setting-title label,.light .download{color:#42515c}.light .camera-dock{background:#d9dfe3cc}.light .icon-btn{background:#d9dfe333}.light .grain{opacity:.35}
@media(max-width:900px){.archive-status{min-width:0}.download{min-width:0}.download>span{display:none}.bottom-ui{gap:8px}.concept-credit{display:none}.edition{display:none}h1{font-size:30px}.vehicle-info{top:137px}.camera-views button{min-width:35px}.panel{max-height:calc(100% - 179px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}
@media(max-width:600px){.header{padding:calc(19px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) 15px calc(18px + env(safe-area-inset-left))}.brand{gap:10px}.brand-mark{width:33px;height:36px;font-size:24px}.brand-mark span{font-size:18px;margin:8px 0 0 22px}.brand strong{font-size:12px;letter-spacing:.16em}.brand small{font-size:5.7px;letter-spacing:.12em;margin-top:6px}.top-actions{gap:5px}.icon-btn{width:33px;height:36px}svg{width:16px;height:16px}.vehicle-info{left:calc(22px + env(safe-area-inset-left));top:calc(106px + env(safe-area-inset-top))}.eyebrow{font-size:8px;letter-spacing:.17em}h1{font-size:25px;margin-top:13px;margin-bottom:8px}#model-subtitle{font-size:9px}.model-note{font-size:10px;margin-top:13px}.finish-summary{font-size:9px;margin-top:11px}.bottom-ui{left:calc(18px + env(safe-area-inset-left));right:calc(18px + env(safe-area-inset-right));bottom:calc(56px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:14px}.archive-status{position:absolute;bottom:-25px;left:2px;font-size:7px}.camera-dock{padding:4px}.camera-views button{min-width:36px;min-height:35px;font-size:9px}.dock-divider{margin:0 4px}.zoom{min-width:29px}.download{position:absolute;right:2px;bottom:-29px;padding:8px}.download svg{width:14px;height:14px}.gesture-hint{bottom:calc(16px + env(safe-area-inset-bottom));font-size:5.5px;letter-spacing:.08em}.gesture-hint span{margin:0 5px}.panel{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));top:auto;width:auto;max-height:72vh;max-height:72dvh;border-radius:12px 12px 5px 5px;padding:23px 25px;box-shadow:0 -20px 70px #0007}.panel-heading{margin-bottom:21px}.collection-card{display:grid;grid-template-columns:44% 1fr;align-items:center}.collection-card img{height:100%;aspect-ratio:1;object-fit:cover}.card-info{padding:15px}.card-title{font-size:14px}.card-subtitle{font-size:8px}.loader{top:56%}.setting-section{padding-bottom:16px;margin-bottom:16px}.palette{gap:8px 15px}.swatch{height:40px}.swatch::before{width:29px;height:29px}.panel-footnote{font-size:9px}.setting-help{font-size:10px}.toggle{min-height:36px}}
@media(max-height:520px) and (orientation:landscape){.header{padding-top:12px}.vehicle-info{top:87px}h1{font-size:24px}.model-note{display:none}.finish-summary{margin-top:8px}.bottom-ui{bottom:35px}.gesture-hint{bottom:10px}.panel{top:65px;bottom:12px;max-height:calc(100% - 77px);left:auto;right:15px;width:300px}.concept-credit{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
