:root{--ink:#111214;--ink-2:#3c3f44;--muted:#7d8187;--line:#1112141a;--line-2:#11121429;--surface:#ffffffd6;--surface-solid:#fff;--accent:#9a7b4f;--bg-top:#e9eaea;--bg-mid:#f3f3f1;--bg-bottom:#fbfbfa;--radius:18px;--shadow:0 1px 2px #1112140d, 0 12px 32px #11121414;--font:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", sans-serif;--footer-h:30px;--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--ink);background:radial-gradient(120% 80% at 50% 62%, var(--bg-bottom) 0%, var(--bg-mid) 45%, var(--bg-top) 100%);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}#app{position:fixed;inset:0}#stage{position:absolute;inset:0}.viewer-canvas{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block}.viewer-canvas:active{cursor:grabbing}.brand{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:22px;left:28px}.wordmark{letter-spacing:.32em;color:var(--ink);font-size:19px;font-weight:700;line-height:1}.wordmark span{color:var(--accent);letter-spacing:.32em;margin-left:.5em;font-weight:400}.view-bar{z-index:6;left:calc(50% - 196px);bottom:calc(var(--footer-h) + 18px + var(--safe-b));background:var(--surface);-webkit-backdrop-filter:blur(14px)saturate(1.2);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:4px;padding:5px;transition:left .32s;display:flex;position:absolute;transform:translate(-50%)}#app.panel-closed .view-bar{left:50%}.chip{letter-spacing:.04em;height:36px;color:var(--ink-2);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;transition:background .15s,color .15s;display:inline-flex}.chip svg{flex:none;width:17px;height:17px}.chip:hover{color:var(--ink);background:#1112140d}.chip.is-active{background:var(--ink);color:#fff}.chip-compare{touch-action:none}.chip-compare.is-on{background:var(--accent);color:#fff}.bar-sep{background:var(--line-2);width:1px;height:18px;margin:0 2px}.compare-badge{z-index:6;background:var(--ink);color:#fff;letter-spacing:.08em;opacity:0;pointer-events:none;border-radius:999px;padding:7px 14px;font-size:12px;transition:opacity .18s,transform .18s;position:absolute;top:24px;left:calc(50% - 196px);transform:translate(-50%,-6px)}#app.panel-closed .compare-badge{left:50%}.compare-badge.is-on{opacity:1;transform:translate(-50%)}.panel{z-index:7;width:360px;max-height:calc(100% - var(--footer-h) - 36px);background:var(--surface);-webkit-backdrop-filter:blur(18px)saturate(1.2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex;position:absolute;top:18px;right:18px;overflow:hidden}.panel-head{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:18px 16px 4px 24px;display:flex}.grabber,.summary{display:none}.panel-title{letter-spacing:.02em;min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;font-weight:600;overflow:hidden}.chev{width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;transition:transform .25s,background .15s;display:grid}.chev svg{width:18px;height:18px;transform:rotate(-90deg)}.panel-head:hover .chev{background:#1112140d}.panel-body{overscroll-behavior:contain;padding:0 24px 22px;overflow-y:auto}.panel.is-closed{width:auto}.panel.is-closed .panel-body{display:none}.panel.is-closed .panel-head{padding:8px 10px 8px 16px}.panel.is-closed .summary{display:flex}.panel.is-closed .panel-title{display:none}.panel.is-closed .chev svg{transform:rotate(90deg)}.panel-sec{margin-top:20px}.panel-sec[hidden]{display:none}.sec-title{letter-spacing:.14em;color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:600}.sec-title span{letter-spacing:.08em;opacity:.8;margin-left:6px;font-weight:400}.sec-title-row{align-items:baseline;gap:4px;display:flex}.color-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden;letter-spacing:.02em!important;opacity:1!important;margin-left:auto!important;font-weight:600!important}.models{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.model-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff9;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;height:56px;padding:0 12px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.model-card:hover{border-color:var(--line-2);background:var(--surface-solid)}.model-card.is-active{border-color:var(--ink);background:var(--surface-solid);box-shadow:inset 0 0 0 1px var(--ink)}.model-card:disabled{cursor:wait}.model-card:disabled:not(.is-loading){opacity:.55}.model-brand{letter-spacing:.1em;text-transform:uppercase;max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.model-name{letter-spacing:.01em;max-width:100%;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.model-progress{opacity:0;height:2px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.model-progress i{background:var(--ink);transform-origin:0;transition:transform .2s;position:absolute;inset:0;transform:scaleX(0)}.model-card.is-loading .model-progress{opacity:1}.model-card.is-indeterminate .model-progress i{width:35%;animation:1.2s ease-in-out infinite indet;transform:none}.panel-note{color:var(--muted);text-align:center;margin:18px 0 0;font-size:10px;display:none}.chip-icon{padding:0 11px}.seg{background:#1112140d;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:2px;padding:3px;display:grid}.seg-btn{cursor:pointer;min-width:0;height:48px;color:var(--ink-2);background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 2px;transition:background .15s,color .15s,box-shadow .15s;display:flex}.seg-btn .ja{letter-spacing:.02em;white-space:nowrap;font-size:12px;font-weight:600}.seg-btn .en{letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-size:9.5px}.seg-btn:hover{color:var(--ink)}.seg-btn.is-active{background:var(--surface-solid);color:var(--ink);box-shadow:0 1px 2px #1112141a,0 2px 8px #1112140f}.seg-btn.is-active .en{color:var(--accent)}.seg-2{grid-template-columns:repeat(2,1fr)}.seg-sm .seg-btn{flex-direction:row;gap:7px;height:34px}.seg-btn:disabled{cursor:wait;opacity:.6}.swatch-list{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.swatch{cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:10px 2px 8px;display:flex}.swatch:hover{background:#1112140a}.swatch-chip{background:radial-gradient(circle at 34% 28%, #ffffff59, #fff0 46%), var(--c);border-radius:50%;place-items:center;width:54px;height:54px;transition:transform .15s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #1112141f,0 1px 3px #1112141f}.swatch-chip:after{content:"";border:2px solid var(--ink);opacity:0;border-radius:50%;transition:opacity .15s,transform .15s;position:absolute;inset:-5px;transform:scale(.92)}.swatch-chip svg{color:#fff;opacity:0;filter:drop-shadow(0 1px 1px #00000040);width:22px;height:22px;transition:opacity .15s,transform .15s;transform:scale(.6)}.swatch.is-light .swatch-chip svg{color:var(--ink);filter:none}.swatch.is-selected .swatch-chip:after,.swatch.is-selected .swatch-chip svg{opacity:1;transform:scale(1)}.swatch-name{letter-spacing:-.01em;max-width:100%;color:var(--ink-2);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;line-height:1.3;overflow:hidden}.swatch.is-selected .swatch-name{color:var(--ink);font-weight:600}.swatch-group{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:6px 0;display:flex}.swatch-group:last-child{border-bottom:0}.group-label{width:82px;color:var(--ink-2);flex:none;font-size:12px;font-weight:600}.group-label span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:2px;font-size:9.5px;font-weight:400;display:block}.group-list{gap:6px;display:flex}.swatch-sm{padding:6px}.swatch-sm .swatch-chip{width:38px;height:38px}.swatch-sm .swatch-chip:after{inset:-4px}.swatch-sm .swatch-chip svg{width:17px;height:17px}.summary{flex:1;align-items:center;gap:10px;min-width:0}.summary-dot{background:var(--c,#888);border-radius:50%;flex:none;width:26px;height:26px;box-shadow:inset 0 0 0 1px #11121426}.summary-text{flex-direction:column;min-width:0;display:flex}.summary-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.summary-finish{color:var(--muted);white-space:nowrap;font-size:11px}.disclaimer{z-index:8;height:calc(var(--footer-h) + var(--safe-b));padding:0 16px var(--safe-b);letter-spacing:.04em;color:var(--ink-2);opacity:.7;text-align:center;pointer-events:none;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.loader{z-index:20;background:radial-gradient(120% 80% at 50% 62%, var(--bg-bottom) 0%, var(--bg-mid) 45%, var(--bg-top) 100%);place-items:center;transition:opacity .6s;display:grid;position:absolute;inset:0}.loader.is-done{opacity:0;pointer-events:none}.loader-inner{text-align:center;width:min(320px,100% - 64px)}.loader-track{background:var(--line);border-radius:2px;height:2px;margin:26px 0 12px;position:relative;overflow:hidden}.loader-bar{background:var(--ink);transform-origin:0;transition:transform .25s;position:absolute;inset:0;transform:scaleX(0)}.loader.is-indeterminate .loader-bar{width:35%;animation:1.2s ease-in-out infinite indet;transform:none}@keyframes indet{0%{left:-35%}to{left:100%}}.loader-row{color:var(--ink-2);justify-content:center;gap:12px;font-size:12px;display:flex}.loader-pct{font-variant-numeric:tabular-nums;color:var(--muted)}.has-error .view-bar,.has-error .panel,.has-error .compare-badge{display:none}.error{inset:0 0 var(--footer-h);z-index:15;place-items:center;padding:80px 16px 16px;display:grid;position:absolute;overflow-y:auto}.error-card{background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--radius);width:min(760px,100%);box-shadow:var(--shadow);grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}.error-media{background:#e6e7e7;min-height:240px}.error-media img{object-fit:cover;width:100%;height:100%;display:block}.error-ph{height:100%;min-height:240px;color:var(--muted);letter-spacing:.3em;background:linear-gradient(160deg,#eeefef,#d9dbdc);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.error-ph small{letter-spacing:.12em;font-size:11px;font-weight:400}.error-text{padding:28px 28px 26px}.error-text h1{text-wrap:balance;letter-spacing:.04em;margin:0 0 12px;font-size:18px;line-height:1.5}.error-text p{color:var(--ink-2);margin:0 0 18px;font-size:13px;line-height:1.8}.error-detail{font-family:ui-monospace,Menlo,monospace;color:var(--muted)!important;font-size:11px!important}.btn-primary{background:var(--ink);color:#fff;letter-spacing:.08em;cursor:pointer;border:0;border-radius:999px;height:42px;padding:0 22px;font-size:13px}#app.noblur .view-bar,#app.noblur .panel{-webkit-backdrop-filter:none}.dev-hint{z-index:9;color:#6b5513;cursor:pointer;background:#fff7e0;border:1px solid #ecd9a0;border-radius:8px;max-width:min(420px,100% - 56px);padding:7px 12px;font-size:11.5px;line-height:1.5;position:absolute;top:70px;left:28px}.debug{z-index:9;left:16px;bottom:calc(var(--footer-h) + 12px + var(--safe-b));color:#d6f5d6;white-space:pre;pointer-events:none;background:#111214c7;border-radius:6px;padding:6px 9px;font:11px/1.45 ui-monospace,Menlo,monospace;position:absolute}.probe-box{z-index:9;left:16px;bottom:calc(var(--footer-h) + 84px + var(--safe-b));color:#eef2ee;pointer-events:none;background:#111214d1;border-radius:8px;padding:8px 10px;font:11px/1.5 ui-monospace,Menlo,monospace;position:absolute}.probe-row{align-items:center;gap:8px;display:flex}.probe-row+.probe-row{margin-top:4px}.probe-chip{background:var(--c);border-radius:3px;width:34px;height:18px;box-shadow:inset 0 0 0 1px #ffffff59}.probe-de{color:#b8c4bb}.probe-mark{z-index:9;pointer-events:none;border:1.5px solid #ff2d55;border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:-7px;box-shadow:0 0 0 1px #fffc}.noscript{text-align:center;padding:40px 16px}@media (max-width:1080px) and (min-width:761px){.view-bar{left:24px;transform:none}.compare-badge{left:calc(50% - 196px)}#app.panel-closed .view-bar{left:24px}}@media (max-width:760px){:root{--footer-h:0px}.disclaimer{display:none}.panel-note{display:block}.brand{top:calc(14px + env(safe-area-inset-top,0px));left:18px}.wordmark{font-size:16px}.view-bar{left:16px;right:16px;top:calc(44px + env(safe-area-inset-top,0px));scrollbar-width:none;justify-content:space-between;gap:0;padding:3px;bottom:auto;overflow-x:auto;transform:none}.view-bar::-webkit-scrollbar{display:none}#app.panel-closed .view-bar{left:16px}.chip{letter-spacing:0;gap:4px;height:34px;padding:0 9px;font-size:12px}.chip svg{width:15px;height:15px}.chip:first-child span{display:none}.chip:first-child{padding:0 10px}.bar-sep{margin:0}.compare-badge,#app.panel-closed .compare-badge{top:calc(92px + env(safe-area-inset-top,0px));left:50%}.panel{top:auto;left:0;right:0;bottom:calc(var(--footer-h) + var(--safe-b));width:auto;max-height:64vh;padding-bottom:var(--safe-b);background:#fffffff0;border-bottom:0;border-left:0;border-right:0;border-radius:20px 20px 0 0;transition:transform .32s cubic-bezier(.3,.7,.2,1)}.panel.is-closed{width:auto;transform:translateY(calc(100% - var(--head-h,64px)))}.panel.is-closed .panel-body{display:block}.panel-head{min-height:64px;padding:18px 16px 10px;position:relative}.panel.is-closed .panel-head{padding:18px 16px 10px}.grabber{background:#1112142e;border-radius:4px;width:36px;height:4px;margin-left:-18px;display:block;position:absolute;top:7px;left:50%}.summary{display:flex}.panel-title{display:none}.chev svg,.panel.is-closed .chev svg{transform:none}.panel.is-closed .chev svg{transform:rotate(180deg)}.panel-body{padding:0 16px 16px}.panel-sec{margin-top:16px}.panel-sec:first-child{margin-top:4px}.model-card{height:52px}.sec-title{margin-bottom:8px}.seg-btn{height:44px}.seg-btn .ja{font-size:11.5px}.swatch{gap:6px;padding:6px 2px 4px}.swatch-chip{width:48px;height:48px}.group-label{width:74px}.swatch-group{padding:2px 0}.error-card{grid-template-columns:1fr}.error-media,.error-ph{min-height:180px}.error{padding-top:64px}.dev-hint{top:auto;bottom:auto;top:calc(108px + env(safe-area-inset-top,0px));left:16px}.debug{top:calc(108px + env(safe-area-inset-top,0px));bottom:auto;left:auto;right:16px}}@media (max-width:360px){.chip{padding:0 7px;font-size:11.5px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.clean .brand,.clean .view-bar,.clean .panel,.clean .compare-badge,.clean .disclaimer,.clean .pt-badge,.clean .dev-hint,.clean .debug{display:none!important}