:root{color:#132029;font-synthesis:none;--night-mix:0;--ink:color-mix(in srgb, #15242e calc((1 - var(--night-mix)) * 100%), #eef5ff);background:#dce6ec;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{isolation:isolate;background:radial-gradient(circle at 50% 38%, rgba(255,255,255,calc(.78 - var(--night-mix) * .58)), transparent 45%), linear-gradient(180deg, color-mix(in srgb, #dfeaf1 calc((1 - var(--night-mix)) * 100%), #07152d) 0%, color-mix(in srgb, #e9eef0 calc((1 - var(--night-mix)) * 100%), #112440) 56%, color-mix(in srgb, #cfd7d9 calc((1 - var(--night-mix)) * 100%), #182842) 100%);transition:background .7s;position:relative}#app:after{content:"";z-index:-1;filter:blur(22px);pointer-events:none;background:radial-gradient(at 50% 0,#2d3a3f29,#0000 65%);position:absolute;inset:48% 0 0}.showroom-canvas{touch-action:none;outline:none;width:100%;height:100%;position:absolute;inset:0}.interface{pointer-events:none;color:var(--ink);position:absolute;inset:0}.project-lockup{z-index:2;position:absolute;top:clamp(24px,4.2vw,58px);left:clamp(24px,4.5vw,68px)}.project-eyebrow{letter-spacing:.28em;opacity:.58;margin:0 0 10px;font-size:.72rem;font-weight:600}.project-lockup h1{letter-spacing:.08em;margin:0;font-size:clamp(1.42rem,2.5vw,2.25rem);font-weight:500;line-height:1.18}.project-subtitle{letter-spacing:.15em;opacity:.66;margin:10px 0 0;font-size:.84rem}.view-controls{z-index:3;pointer-events:auto;gap:10px;display:grid;position:absolute;top:50%;right:clamp(22px,3.8vw,58px);transform:translateY(-50%)}.view-controls button{appearance:none;background:color-mix(in srgb, #ffffffbd calc((1 - var(--night-mix)) * 100%), #12223ab8);width:60px;height:60px;color:inherit;-webkit-backdrop-filter:blur(15px)saturate(120%);backdrop-filter:blur(15px)saturate(120%);cursor:pointer;border:1px solid #ffffff8c;border-radius:50%;padding:8px;transition:transform .18s,background .18s,border-color .18s;box-shadow:0 8px 28px #1b28301a}.view-controls button strong{letter-spacing:.12em;font-size:.82rem;font-weight:600;display:block}.view-controls button:hover{transform:translate(-4px)}.view-controls button[aria-pressed=true]{color:#fff;background:#af8559c2;border-color:#ffebd3d1}.view-controls button:focus-visible{outline-offset:4px;outline:3px solid #1674c6}.interaction-hint{letter-spacing:.12em;opacity:.52;white-space:nowrap;margin:0;font-size:.72rem;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.loading{letter-spacing:.08em;grid-template-columns:auto 150px auto;align-items:center;gap:12px;font-size:.72rem;transition:opacity .5s;display:grid;position:absolute;bottom:54px;left:50%;transform:translate(-50%)}.loading[hidden]{display:none}.loading-track{background:#384d572e;width:150px;height:2px;overflow:hidden}.loading-bar{transform-origin:0;background:#a77a50;width:100%;height:100%;transition:transform .15s;display:block;transform:scaleX(.02)}.loading.is-ready{opacity:0}.loading.is-error{color:#a51d22;opacity:1}.audit-inspector{z-index:5;color:#fff;pointer-events:none;background:#0b141cc7;border:1px solid #ffffffb3;border-radius:3px;max-width:min(760px,100% - 32px);padding:8px 12px;font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:18px;left:50%;transform:translate(-50%)}@media (max-width:640px){.project-lockup{top:max(22px, env(safe-area-inset-top));left:20px}.project-eyebrow{margin-bottom:7px;font-size:.62rem}.project-lockup h1{font-size:1.25rem}.project-subtitle{margin-top:7px;font-size:.72rem}.view-controls{top:auto;right:14px;bottom:max(18px, env(safe-area-inset-bottom));grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:7px;left:14px;transform:none}.view-controls button{width:54px;height:54px;padding:7px}.view-controls button:hover{transform:none}.view-controls button strong{font-size:.76rem}.interaction-hint{bottom:calc(max(18px, env(safe-area-inset-bottom)) + 72px);font-size:.64rem}.loading{bottom:calc(max(18px, env(safe-area-inset-bottom)) + 102px);grid-template-columns:auto 90px auto}.loading-track{width:90px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}