*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{margin:0;min-width:320px;overflow:hidden;background:var(--cp-bg);color:var(--cp-text);font-family:Segoe UI,Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif}button,select{font:inherit}button,select{-webkit-tap-highlight-color:var(--cp-accent-soft)}button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cp-accent);outline-offset:2px}.skip-link{position:fixed;z-index:100;left:12px;top:-80px;padding:8px 12px;border-radius:10px;background:var(--cp-accent);color:var(--cp-accent-fg)}.skip-link:focus{top:12px}.viewer-app{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100dvh;background:var(--cp-bg)}.toolbar{z-index:10;display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 12px;border-bottom:1px solid var(--cp-border);background:var(--cp-bg-elevated)}.title{display:flex;align-items:center;gap:9px;flex:0 0 auto}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--cp-accent);color:var(--cp-accent-fg);font-size:12px;font-weight:800}h1{margin:0;font-size:15px;line-height:1;white-space:nowrap}.model-picker{display:flex;align-items:center;gap:7px;min-width:0;margin-left:8px;color:var(--cp-text-muted);font-size:12px;font-weight:700}select{width:min(280px,30vw);min-width:170px;height:38px;padding:0 30px 0 10px;border:1px solid var(--cp-border-strong);border-radius:10px;background:var(--cp-surface);color:var(--cp-text)}.controls{display:flex;gap:6px;margin-left:auto}button{height:38px;padding:0 11px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-surface);color:var(--cp-text);cursor:pointer;font-size:13px;font-weight:700}button:hover:not(:disabled),button[aria-pressed=true]{border-color:var(--cp-accent);color:var(--cp-accent)}button[aria-pressed=true]{background:var(--cp-accent-soft)}button:disabled{cursor:not-allowed;opacity:.45}.viewport-shell{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--cp-surface-soft)}#viewport{width:100%;height:100%;min-height:0;cursor:grab}#viewport:active{cursor:grabbing}#viewport canvas{display:block;width:100%;height:100%}.model-meta,.status{position:absolute;z-index:2;bottom:12px;border:1px solid var(--cp-border);border-radius:10px;background:var(--cp-panel-strong)}.model-meta{left:12px;display:grid;gap:1px;max-width:calc(100% - 120px);padding:8px 11px}.model-meta strong{font-size:13px}.model-meta span{color:var(--cp-text-muted);font-size:11px}.status{right:12px;padding:7px 10px;color:var(--cp-text-muted);font-size:11px}.status[data-state=loading]{color:var(--cp-accent)}.status[data-state=error]{color:var(--cp-danger)}.webgl-error{position:absolute;inset:16px;display:grid;place-content:center;gap:5px;padding:20px;border:1px solid var(--cp-danger);border-radius:16px;color:var(--cp-danger);text-align:center}.webgl-error[hidden]{display:none}.webgl-error span{color:var(--cp-text-muted);font-size:13px}@media(max-width:760px){.toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 10px}.title h1{display:none}.model-picker{margin:0}.model-picker span{position:absolute;width:1px;height:1px;overflow:hidden}select{width:100%;min-width:0}.controls{grid-column:1 / -1;width:100%;margin:0}.controls button{flex:1;padding-inline:6px}}@media(max-width:430px){.toolbar{padding:7px}.mark{width:32px;height:32px}button,select{height:36px}button{font-size:12px}.model-meta{max-width:calc(100% - 24px);bottom:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}