:root{color:#172023;background:#edf2f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:0;font:inherit}.app-shell{display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100vw;height:100vh;overflow:hidden;background:linear-gradient(180deg,#ffffffb8,#e2eaecdb),#edf2f3}.toolbar{display:flex;flex-direction:column;gap:18px;min-height:0;padding:24px;border-right:1px solid rgba(81,105,112,.18);background:#fafcfceb;box-shadow:16px 0 44px #2f454b14;overflow-y:auto;z-index:2}.toolbar__title{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#263336;font-size:18px;font-weight:720}.toolbar__title strong{display:inline-grid;min-width:40px;height:32px;place-items:center;border-radius:8px;color:#0f2f35;background:#d9f0ef;font-size:15px}.tool-row{display:grid;grid-template-columns:repeat(4,48px);gap:10px}.tool-row button{display:inline-grid;width:48px;height:48px;place-items:center;border-radius:8px;color:#172023;background:#fff;box-shadow:inset 0 0 0 1px #526a6f29,0 12px 26px #3f52581a;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.tool-row button:hover:not(:disabled){background:#f5fbfb;box-shadow:inset 0 0 0 1px #1f808847,0 16px 30px #3f525824;transform:translateY(-1px)}.tool-row button:active:not(:disabled){transform:translateY(0)}.tool-row button:disabled{color:#a5b3b7;cursor:not-allowed;box-shadow:inset 0 0 0 1px #526a6f1a}.selection-state{display:flex;align-items:center;gap:9px;width:fit-content;min-height:34px;padding:0 12px;border:1px solid rgba(82,106,111,.16);border-radius:8px;color:#53676c;background:#fff;font-size:14px}.pose-panel,.joint-panel,.position-panel,.asset-panel{display:grid;gap:8px;padding:16px;border:1px solid rgba(82,106,111,.16);border-radius:8px;background:#fff;box-shadow:0 12px 26px #3f525814}.pose-panel__title,.joint-panel__title,.position-panel__title,.asset-panel__title{color:#263336;font-size:14px;font-weight:720}.joint-panel__title{display:flex;align-items:center;justify-content:space-between;gap:10px}.joint-panel__title strong{color:#60757a;font-size:12px;font-weight:650}.joint-select,.joint-search,.joint-toggle,.position-control,.axis-control{display:grid;gap:6px;color:#53676c;font-size:12px}.joint-toggle{grid-template-columns:1fr auto;align-items:center}.joint-toggle input{width:42px;height:24px;margin:0;border-radius:999px;accent-color:#4f9fa2;cursor:pointer}.joint-search input,.joint-select select,.position-control input[type=number],.axis-control input[type=number]{min-width:0;height:34px;border:0;border-radius:8px;color:#263336;background:#f7fbfb;box-shadow:inset 0 0 0 1px #526a6f29;font:inherit}.joint-search input,.joint-select select{padding:0 10px}.axis-controls,.position-controls{display:grid;gap:8px}.axis-control{grid-template-columns:18px minmax(0,1fr) 58px;align-items:center}.position-control{grid-template-columns:18px minmax(0,1fr) 68px;align-items:center}.position-control input[type=range]{width:100%;accent-color:#4f9fa2}.position-control input[type=number]{padding:0 8px}.axis-control input[type=range]{width:100%;accent-color:#4f9fa2}.axis-control input[type=number]{padding:0 8px}.axis-control input:disabled,.position-control input:disabled,.joint-search input:disabled,.joint-select select:disabled,.joint-toggle input:disabled{color:#a5b3b7;cursor:not-allowed}.pose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pose-grid button{min-height:34px;padding:0 10px;border-radius:8px;color:#44585d;background:#f7fbfb;box-shadow:inset 0 0 0 1px #526a6f24;cursor:pointer}.pose-grid button:hover:not(:disabled){color:#0f2f35;background:#eefafa;box-shadow:inset 0 0 0 1px #1f808842}.pose-grid button.is-active{color:#0f2f35;background:#d9f0ef;box-shadow:inset 0 0 0 1px #1f808852}.pose-grid button:disabled{color:#a5b3b7;cursor:not-allowed;background:#f4f7f8}.asset-panel span{color:#53676c;font-size:13px}.asset-panel small{color:#71858a;font-size:12px;line-height:1.4}.viewport-wrap{position:relative;min-width:0;min-height:0;overflow:hidden}.viewport{width:100%;height:100%;cursor:grab}.viewport canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.viewport canvas.is-dragging{cursor:grabbing}.viewport canvas.is-rotating-joint{cursor:move}.camera-orb{position:fixed;right:24px;bottom:24px;width:128px;height:128px;pointer-events:none;z-index:8;filter:drop-shadow(0 16px 24px rgba(29,42,47,.22));perspective:280px}.camera-orb__control{position:absolute;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#fff;background:#263336;box-shadow:inset 0 0 0 1px #ffffff6b,0 8px 18px #26333642;cursor:pointer;font-size:12px;font-weight:760;pointer-events:auto;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.camera-orb__control:hover{background:#fff;box-shadow:inset 0 0 0 1px #ffffffb8,0 14px 28px #26333638;color:#172023;transform:translateY(-1px)}.camera-orb__control--iso{left:46px;top:46px;width:36px;height:36px;color:transparent;background:radial-gradient(circle at 34% 28%,#fff 0 14%,#dfe6e8 32%,#7e8d94 72%,#4c5960);cursor:grab;touch-action:none}.camera-orb__control--iso:active,.camera-orb__control--iso.is-dragging{cursor:grabbing;transform:scale(.98)}.camera-orb__control--x{right:0;top:50px;background:#d64b4b}.camera-orb__control--y{left:50px;top:0;background:#36a85f}.camera-orb__control--z{left:0;top:50px;background:#3f7fe8}.camera-orb__ring{position:absolute;left:20px;top:20px;width:88px;height:88px;border:3px solid rgba(82,106,111,.3);border-radius:50%;opacity:.92;transform-style:preserve-3d}.camera-orb__ring--x{border-color:#d64b4bdb;transform:rotateY(68deg)}.camera-orb__ring--y{border-color:#36a85fdb;transform:rotateX(68deg)}.camera-orb__ring--z{border-color:#3f7fe8db;transform:rotate(-18deg)}.camera-orb:before{position:absolute;left:33px;top:63px;width:62px;height:2px;border-radius:999px;background:#26333647;content:""}@media(max-width:780px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.toolbar{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-right:0;border-bottom:1px solid rgba(81,105,112,.18)}.toolbar__title{font-size:15px}.tool-row{grid-template-columns:repeat(4,42px)}.tool-row button{width:42px;height:42px}.selection-state{display:none}.pose-panel{order:5;width:100%;padding:10px}.pose-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pose-grid button{min-height:32px;padding:0 8px;font-size:13px}.joint-panel{order:6;width:100%;padding:10px}.position-panel{order:4;width:100%;padding:10px}.camera-orb{right:14px;bottom:14px;width:104px;height:104px}.camera-orb__control{width:26px;height:26px}.camera-orb__control--iso{left:37px;top:37px;width:30px;height:30px}.camera-orb__control--x{top:39px}.camera-orb__control--y{left:39px}.camera-orb__control--z{top:39px}.camera-orb__ring{left:17px;top:17px;width:70px;height:70px;border-width:2px}.camera-orb:before{left:28px;top:51px;width:48px}.asset-panel{display:none}}