*{box-sizing:border-box}html,body{margin:0;background:#dce7e9;color:#203642;font:14px/1.5 Tahoma,sans-serif}main{padding:18px;background:radial-gradient(ellipse at 15% 0,#fff8,transparent 70%)}.toolbar{display:flex;justify-content:space-between;gap:18px;align-items:end}.toolbar label{display:flex;align-items:center;gap:10px}.views{display:flex;gap:5px;flex-wrap:wrap}button,select{min-height:44px;border-radius:5px;padding:8px 11px;font:14px Tahoma,sans-serif}button{cursor:pointer;background:linear-gradient(#80b6d0,#4a8bb0 49%,#316991 51%,#639ac0);color:#fff;border:1px solid #527d9e;box-shadow:inset 0 1px #ffffff85,0 2px 4px #102b3d30}button[aria-pressed=true]{background:linear-gradient(#3e82af,#20527c);box-shadow:inset 0 2px 5px #0b284e70}select{background:#f7fcfc;color:#253f50;border:1px solid #849cae}button:focus-visible,select:focus-visible,input:focus-visible,#stage:focus-visible{outline:3px solid #dca457;outline-offset:3px}#stage{height:410px;position:relative;touch-action:pan-y;margin:12px 0;border-radius:8px;overflow:hidden;background:#dce7e9}#stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}#loading{padding:20px}.pose{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pose label{font-size:13px}.pose output{display:block;color:#58707c;margin-top:4px;font-size:12px}.pose input{display:block;width:100%;min-height:44px;accent-color:#397ca8}.note{color:#516976;font:12px/1.6 Tahoma,sans-serif;margin:10px 0 0}@media(max-width:600px){main{padding:12px}.toolbar{display:block}.views{margin-top:10px}.views button{flex:1;padding-inline:5px;font-size:12px}.toolbar label{justify-content:space-between}.toolbar select{width:70%}#stage{height:320px}.pose{gap:10px}.pose label{font-size:11px}.pose output{font-size:11px}}

.model-navigation{margin-bottom:12px;font-size:12px}.model-navigation a{color:#a9d8ff}.hierarchy-nav{display:flex;gap:8px;flex-wrap:wrap}