:root{--color-canvas:#f5f5f7;--color-stage:#fbfbfd;--color-panel:#ffffffeb;--color-control:#fff;--color-control-hover:#f1f2f4;--color-control-selected:#e7efff;--color-text-primary:#1d1d1f;--color-text-secondary:#52525a;--color-text-subtle:#74747d;--color-border:#d8d8dd;--color-border-hover:#aaaab2;--color-focus:#06c;--color-range:#06c;--color-range-track:#bec7d5;--color-stage-shadow:#1f232b17;--color-panel-shadow:#181c241a;--color-thumb-border:#00000014;--color-thumb-shadow:#14182038;--color-press-border:#9ebfec;--color-status-loading:#9a6700;--color-status-ready:#16803f;--color-status-error:#c4322b;--color-screen-surface:#111a2a;--color-screen-accent:#243d68;--color-screen-text:#f7fbff;--color-screen-muted:#c7d3e5;--color-screen-rule:#fff3;--font-ui:ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--font-size-title:clamp(1.55rem, 2.4vw, 2.25rem);--font-size-body:.9375rem;--font-size-label:.75rem;--font-size-metadata:.8125rem;--radius-control:12px;--radius-panel:16px;--radius-track:3px;--space-panel:24px;color:var(--color-text-primary);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-canvas);font-family:var(--font-ui);font-synthesis:none}*{box-sizing:border-box}::selection{color:#fff;background:var(--color-focus)}html,body{width:100%;min-height:100%;margin:0}html{scrollbar-color:#b6b6bd transparent;scrollbar-width:thin}body{background:var(--color-canvas);min-width:320px;overflow-x:hidden}button,input{font:inherit}.viewer-shell{grid-template-rows:auto minmax(560px,1fr) auto;gap:14px;width:min(100%,1600px);min-height:100svh;margin:0 auto;padding:24px 32px 16px;display:grid}.viewer-header{justify-content:space-between;align-items:center;gap:24px;min-height:52px;display:flex}h1{font-size:var(--font-size-title);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:650;line-height:1.05}h1 span{color:var(--color-text-subtle);letter-spacing:-.01em;vertical-align:.18em;margin-left:7px;font-size:.48em;font-weight:520}.viewer-actions{align-items:center;gap:18px;display:flex}.status{max-width:460px;color:var(--color-text-secondary);font-size:var(--font-size-metadata);align-items:center;gap:8px;margin:0;font-weight:520;display:flex}.status:before{background:var(--color-status-loading);content:"";border-radius:50%;flex:0 0 7px;height:7px}.status[data-phase=ready]:before{background:var(--color-status-ready)}.status[data-phase=error]:before{background:var(--color-status-error)}.viewer-workspace{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:center;gap:clamp(24px,3.4vw,56px);min-height:0;display:grid}.model-stage{min-width:0;height:100%;min-height:560px;box-shadow:0 24px 70px var(--color-stage-shadow);background:radial-gradient(circle at 52% 45%,#fff 0 32%,#fff0 68%),linear-gradient(145deg,#fafafd,#eeeef2);border-radius:16px;grid-area:1/2;position:relative;overflow:hidden}.model-stage:after{pointer-events:none;opacity:.72;content:"";background:linear-gradient(100deg,#0000 35%,#ffffffb8 50%,#0000 65%);animation:1.4s cubic-bezier(.2,.75,.3,1) infinite stage-ready;position:absolute;inset:0;transform:translate(-100%)}body[data-viewer-phase=ready] .model-stage:after,body[data-viewer-phase=error] .model-stage:after{opacity:0;transition:opacity .26s ease-out;animation:none}@keyframes stage-ready{to{transform:translate(100%)}}#duo-canvas{z-index:1;touch-action:none;width:100%;height:100%;display:block;position:relative}.control-panel{padding:var(--space-panel);border-radius:var(--radius-panel);background:var(--color-panel);box-shadow:0 16px 44px var(--color-panel-shadow);-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);grid-area:1/1;align-self:center}.inspection-heading{margin-bottom:22px}.inspection-heading h2{letter-spacing:-.025em;margin:0;font-size:1.5rem;line-height:1.12}.inspection-heading p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:7px 0 0}.model-source{border-bottom:1px solid var(--color-border);margin-bottom:18px;padding-bottom:18px}.model-source h3{font-size:var(--font-size-body);margin:0 0 10px;font-weight:620}.model-source input[type=file]{width:100%;min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-metadata)}.model-source input[type=file]::file-selector-button{border:1px solid var(--color-border);border-radius:var(--radius-control);min-height:44px;color:var(--color-text-primary);background:var(--color-control);font:inherit;cursor:pointer;margin-inline-end:9px;padding:9px 13px}.model-source #use-reference{width:100%;margin-top:10px}.model-source p{overflow-wrap:anywhere;color:var(--color-text-subtle);font-size:var(--font-size-label);margin:9px 0 0;line-height:1.45}#local-asset-status[data-phase=ready]{color:var(--color-status-ready)}#local-asset-status[data-phase=error]{color:var(--color-status-error)}.pose-item{border-bottom:1px solid var(--color-border)}.pose-item h3{font-size:var(--font-size-body);margin:0}.pose-item button{text-align:left;background:0 0;border:0;border-radius:0;justify-content:space-between;width:100%;min-height:50px;padding:11px 0}.pose-item button[aria-expanded=true]:not([data-custom-fold=true]){color:var(--color-focus)}.pose-mark{border-bottom:1.5px solid;border-right:1.5px solid;width:8px;height:8px;margin-right:4px;transition:transform .18s ease-out;transform:rotate(45deg)}[aria-expanded=true] .pose-mark{transform:rotate(225deg)}.pose-description{max-width:34ch;color:var(--color-text-secondary);font-size:var(--font-size-metadata);margin:0 0 17px;line-height:1.58}.control-group{min-width:0;margin-top:26px}.control-label{font-size:var(--font-size-body);justify-content:space-between;align-items:baseline;gap:18px;font-weight:620;display:flex}.control-label output{letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:640;line-height:1}input[type=range]{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:44px;margin:1px 0 0;display:block}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-track);background:linear-gradient(90deg, var(--color-range), var(--color-range-track));height:5px}input[type=range]::-webkit-slider-thumb{appearance:none;border:1px solid var(--color-thumb-border);width:24px;height:24px;box-shadow:0 2px 8px var(--color-thumb-shadow);background:#fff;border-radius:50%;margin-top:-9.5px}input[type=range]::-moz-range-track{border-radius:var(--radius-track);background:var(--color-range-track);border:0;height:5px}input[type=range]::-moz-range-progress{border-radius:var(--radius-track);background:var(--color-range);height:5px}input[type=range]::-moz-range-thumb{border:1px solid var(--color-thumb-border);width:24px;height:24px;box-shadow:0 2px 8px var(--color-thumb-shadow);background:#fff;border-radius:50%}.range-labels{color:var(--color-text-subtle);font-size:var(--font-size-label);justify-content:space-between;display:flex}.fold-state{min-height:18px;color:var(--color-text-subtle);font-size:var(--font-size-metadata);margin:7px 0 0}button{border:1px solid var(--color-border);border-radius:var(--radius-control);min-width:44px;min-height:44px;color:var(--color-text-primary);background:var(--color-control);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:10px 16px;display:inline-flex}@media (hover:hover) and (pointer:fine){button:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-control-hover)}}button:active:not(:disabled){border-color:var(--color-press-border);background:var(--color-control-selected);transform:scale(.98)}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #0066cc47}canvas:focus-visible{outline-offset:-3px;outline:3px solid #0066cc57}button:disabled,input:disabled{cursor:wait;opacity:.48}.footer-notes{gap:3px;display:grid}.hint,.disclaimer{text-align:center;color:var(--color-text-subtle);font-size:var(--font-size-metadata);margin:0}.disclaimer{font-size:var(--font-size-label)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-transparency:reduce){.control-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}}@media (prefers-contrast:more){.control-panel{box-shadow:0 0 0 2px #1d1d1f}}@media (prefers-reduced-motion:reduce){.model-stage:after{display:none}.pose-mark,body[data-viewer-phase] .model-stage:after{transition:none}}@media (width<=800px){.viewer-shell{grid-template-rows:auto 1fr auto;gap:14px;min-height:100svh;padding:14px 14px 12px}.viewer-header{align-items:flex-start;gap:10px;min-height:48px}.viewer-actions{flex-direction:column-reverse;align-items:flex-end;gap:6px}.status{max-width:162px;font-size:.75rem}#home-view{font-size:var(--font-size-metadata);padding-inline:13px}.viewer-workspace{flex-direction:column;gap:14px;display:flex}.model-stage{flex:0 0 350px;width:100%;height:350px;min-height:350px}.control-panel{flex-direction:column;width:100%;padding:18px;display:flex}.inspection-heading{margin-bottom:9px}.inspection-heading h2{font-size:1.25rem}.inspection-heading p{display:none}.model-source{margin-bottom:10px;padding-bottom:12px}.control-group{order:-1;margin:0 0 22px}.pose-item button{min-height:48px}.pose-description{max-width:none}.hint,.disclaimer{font-size:.75rem}.hint span{display:none}}