:root{color-scheme:dark;font-family:IBM Plex Mono,Noto Sans Mono,ui-monospace,SFMono-Regular,Consolas,monospace;background:#0d1219;color:#dbe7f3;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,select,input{font:inherit}#app{display:grid;grid-template-columns:360px minmax(0,1fr);background:#11171f}#panel{position:relative;z-index:2;height:100%;overflow-y:auto;padding:20px 18px 14px;background:linear-gradient(150deg,#101822fa,#070b11fa);border-right:1px solid #315476;box-shadow:12px 0 40px #0008}header{border-bottom:1px solid #33414f;padding-bottom:14px}.eyebrow{color:#49ccff;font-size:11px;letter-spacing:.11em}h1{margin:5px 0 6px;color:#f4f8fb;font-size:22px;font-weight:560}p{margin:0;color:#9cabb9;font-size:11px;line-height:1.5}.tabs{display:flex;gap:4px;padding:12px 0 9px}button,select{color:#e3edf7;background:#193453;border:1px solid #2f5c88;border-radius:2px}button{cursor:pointer;padding:6px 9px}button:hover,button:focus-visible{background:#24527d;border-color:#4fb7f0;outline:none}.tab{flex:1;color:#95a9bd}.tab.active{color:#fff;background:#255b91;box-shadow:inset 0 -2px #51c9ff}.tab-panel{display:none}.tab-panel.active{display:block}label{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:8px;margin:6px 0;font-size:11px}select{width:100%;min-width:0;height:28px;padding:3px 26px 3px 7px}.part-row{display:grid;grid-template-columns:54px minmax(0,1fr) 18px;align-items:center;gap:7px;margin:5px 0;font-size:11px}.part-row input{accent-color:#48adff}.rule{display:flex;align-items:center;gap:8px;color:#dce8f2;margin:14px 0 7px;font-size:11px}.rule:after{content:"";height:1px;flex:1;background:#3a4651}.checks{display:flex;flex-wrap:wrap;gap:5px 14px}.checks label{display:flex;grid-template-columns:none;gap:5px;margin:3px 0}.checks input{accent-color:#4eb9ff}.motion-switches{display:block;margin-bottom:12px}input[type=range]{width:100%;accent-color:#4aaef0}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0 7px}.wide{width:100%}.hint{margin:8px 0 12px}.facts{display:grid;grid-template-columns:1fr 1.2fr;gap:6px 10px;margin:16px 0;font-size:11px}.facts dt{color:#8495a6}.facts dd{margin:0;color:#d6e3ef;overflow-wrap:anywhere}a{color:#54c6fb;font-size:11px}footer{border-top:1px solid #33414f;margin-top:18px;padding-top:12px}#status{min-height:20px;display:flex;gap:7px;align-items:center;color:#8dd6ff;font-size:11px;margin-bottom:5px}.spinner{width:10px;height:10px;border:1px solid #356b91;border-top-color:#72d2ff;border-radius:50%;animation:spin .8s linear infinite}#status.ready .spinner{display:none}@keyframes spin{to{transform:rotate(360deg)}}kbd{border:1px solid #40505f;border-radius:2px;padding:1px 3px;color:#bcc8d3}#viewport{position:relative;min-width:0;overflow:hidden}#scene{display:block;width:100%;height:100%;outline:none}#reset-camera{position:absolute;top:14px;right:14px;background:#101a25cc}.loading-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 17px;background:#0a111bd9;border:1px solid #3976a4;border-radius:3px;color:#aedeff;font-size:12px;pointer-events:none;transition:opacity .2s}.loading-card.hidden{opacity:0}@media(max-width:760px){html,body,#app{overflow:auto}#app{display:flex;flex-direction:column;min-height:100%}#panel{width:100%;height:auto;max-height:54vh;border-right:0;border-bottom:1px solid #315476}#viewport{height:46vh;min-height:360px}}