:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:14px/1.4 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:#1b1d21;width:100%;height:100%;margin:0;overflow:hidden}.app{color:#e6e7eb;flex-direction:column;width:100vw;height:100vh;display:flex}.app-body{flex:1;min-height:0;display:flex}.toolbar{background:#24262c;border-bottom:1px solid #34363d;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.toolbar button{color:#e6e7eb;cursor:pointer;background:#34363d;border:1px solid #44464e;border-radius:4px;padding:6px 12px;font-size:13px}.toolbar button:hover:not(:disabled){background:#40424a}.toolbar button:disabled{opacity:.4;cursor:default}.toolbar button.toggle:before{content:"○";opacity:.55;margin-right:6px;font-size:11px}.toolbar button.toggle.active:before{content:"●";opacity:1}.toolbar button.active{color:#fff;background:#4a6ed0;border-color:#7d9bea}.toolbar button.active:hover:not(:disabled){background:#5a7ee0}.toolbar-divider{background:#44464e;width:1px;height:22px;margin:0 4px}.toolbar-spacer{flex:1}.toolbar-segmented{border:1px solid #44464e;border-radius:4px;display:flex;overflow:hidden}.toolbar-segmented button{border:none;border-radius:0}.toolbar-segmented button.active{background:#5a7ee0}.transform-row{align-items:center;gap:6px;margin-top:8px;display:flex}.transform-label{color:#b9bcc4;flex:0 0 66px;font-size:12px}.transform-label em{color:#7e828c;font-style:normal}.transform-axis{flex:1;align-items:center;gap:3px;min-width:0;display:flex}.transform-axis span{color:#7e828c;font-size:11px}.transform-axis input{color:#e6e8ee;background:#1e1f24;border:1px solid #44464e;border-radius:3px;width:100%;min-width:0;padding:3px 4px;font-size:12px}.transform-axis input:disabled{color:#7e828c;background:#24252b}.transform-check{color:#b9bcc4;align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.transform-size{color:#8fe0a0;margin:10px 0 0;font-size:12px}.transform-actions{gap:6px;margin-top:10px;display:flex}.transform-actions button{flex:1}.toolbar-field{color:#b9bcc4;white-space:nowrap;align-items:center;gap:5px;font-size:13px;display:flex}.toolbar-field input{color:#e6e8ee;background:#1e1f24;border:1px solid #44464e;border-radius:4px;width:58px;padding:4px 6px;font-size:13px}.toolbar-error,.toolbar-warning{flex:0 auto;max-width:320px;max-height:40px;margin-left:8px;font-size:12px;line-height:1.35;overflow-y:auto}.toolbar-error{color:#ff7f7f}.toolbar-warning{color:#e0b155}.sidebar{background:#202226;border-right:1px solid #34363d;flex-shrink:0;width:280px;padding:12px;overflow-y:auto}.viewport{flex:1;min-width:0}.viewport canvas{display:block}.panel{margin-bottom:20px}.panel h3{text-transform:uppercase;letter-spacing:.06em;color:#9a9caa;margin:0 0 8px;font-size:12px}.panel h4{color:#9a9caa;margin:12px 0 6px;font-size:12px}.panel-empty{color:#6f7280;font-size:12px;line-height:1.4}.part-list,.marker-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.part-list li,.marker-list li{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.part-list li:hover,.marker-list li:hover{background:#2a2c32}.part-list li.selected,.marker-list li.selected{background:#3a4258}.color-swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px}.part-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.marker-count{color:#9a9caa;font-size:11px}.marker-list li span:first-child{flex:1}.icon-button{color:#9a9caa;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:14px;line-height:1}.icon-button:hover{color:#ff7f7f}.joint-params{border-top:1px solid #34363d;margin-top:8px;padding-top:8px}.joint-field{color:#c3c5d0;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.joint-field input{color:#e6e7eb;background:#2a2c32;border:1px solid #44464e;border-radius:4px;width:70px;padding:3px 6px;font-size:12px}.panel-hint{color:#6f7280;margin:-4px 0 10px;font-size:11px;line-height:1.4}.joint-pose-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.joint-pose-list li{border-top:1px solid #34363d;padding-top:8px}.joint-pose-label{color:#c3c5d0;margin-bottom:4px;font-size:12px}.joint-pose-list .joint-field input[type=range]{background:0 0;border:none;width:130px;padding:0}.joint-readout{opacity:.65;flex-basis:100%;margin-top:3px;font-size:11px;line-height:1.35}.joint-readout.capped{color:#d9a441;opacity:.95}.joint-readout.jammed{color:#e5484d;opacity:1;font-weight:600}.modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:#24262c;border:1px solid #3d414d;border-radius:8px;flex-direction:column;width:90vw;max-width:520px;animation:.15s ease-out scaleUp;display:flex;overflow:hidden;box-shadow:0 16px 36px #0009}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{background:#1c1d22;border-bottom:1px solid #34363d;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-header h3{color:#f0f1f5;margin:0;font-size:15px;font-weight:600}.modal-close-btn{color:#8c909c;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:20px;line-height:1}.modal-close-btn:hover{color:#fff;background:#34363d}.modal-body{flex-direction:column;gap:16px;padding:18px;display:flex}.modal-field{flex-direction:column;gap:6px;display:flex}.modal-field label{color:#c9ccd6;font-size:13px;font-weight:600}.modal-input-group{background:#18191d;border:1px solid #444754;border-radius:6px;align-items:center;display:flex;overflow:hidden}.modal-input-group:focus-within{border-color:#5a7ee0;box-shadow:0 0 0 2px #5a7ee040}.modal-input-group input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:9px 12px;font-size:14px}.modal-extension{color:#8c90a0;background:#202228;border-left:1px solid #34363d;padding:9px 12px;font-size:13px;font-weight:600}.modal-format-options{flex-direction:column;gap:8px;display:flex}.modal-format-card{cursor:pointer;background:#1b1c21;border:1px solid #343742;border-radius:6px;flex-direction:column;padding:10px 14px;transition:border-color .12s,background .12s;display:flex;position:relative}.modal-format-card:hover{background:#21232a;border-color:#4f5363}.modal-format-card.active{background:#242834;border-color:#5a7ee0}.modal-format-card input[type=radio]{position:absolute;top:12px;right:12px}.modal-format-card .format-title{color:#fff;margin-bottom:3px;font-size:13px;font-weight:600}.modal-format-card .format-desc{color:#9296a4;padding-right:24px;font-size:11.5px;line-height:1.35}.modal-summary{color:#858998;border-top:1px solid #2f313a;align-items:center;gap:8px;padding-top:4px;font-size:12px;display:flex}.modal-error{color:#ff9498;background:#e5484d26;border:1px solid #e5484d;border-radius:4px;padding:8px 12px;font-size:12px}.modal-footer{background:#1c1d22;border-top:1px solid #34363d;justify-content:flex-end;align-items:center;gap:10px;padding:14px 18px;display:flex}.modal-footer button{cursor:pointer;border-radius:5px;padding:8px 16px;font-size:13px;font-weight:600}.btn-cancel{color:#c9ccd6;background:#2c2e36;border:1px solid #444754}.btn-cancel:hover:not(:disabled){color:#fff;background:#383a44}.btn-save{color:#fff;background:#4a6ed0;border:1px solid #6b8df0}.btn-save:hover:not(:disabled){background:#5a7ee0}.btn-save:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}