*{box-sizing:border-box}body{margin:0;background:#181d1e;color:#e5eae5;font:13px -apple-system,BlinkMacSystemFont,sans-serif}button,input{font:inherit}button{color:inherit;background:#2a3435;border:1px solid #455150;border-radius:6px;padding:10px 12px;cursor:pointer}button:hover{background:#394647}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #d4ec9f;outline-offset:2px}.app{display:flex;height:100vh;min-height:540px}aside{width:300px;flex-shrink:0;padding:24px 18px;display:flex;flex-direction:column;gap:18px;border-right:1px solid #364041;overflow:auto}header{display:flex;align-items:center;gap:12px;margin-bottom:8px}h1{font-size:22px;margin:0 0 5px}.logo{font-size:40px;color:#d4ec9f}small,p{color:#a3b0ad;line-height:1.6}.primary{background:#d4ec9f;color:#223021;border:0;font-weight:600}.primary:hover{background:#e2f5b8}.label{font-size:10px;letter-spacing:1.8px;color:#a6b7ad;display:flex;justify-content:space-between}.parts{display:flex;flex-direction:column;gap:6px;min-height:70px;max-height:30vh;overflow:auto}.part{display:flex;gap:10px;text-align:left;align-items:center}.part span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part.active{border-color:#d4ec9f;background:#354334}.empty{padding:12px 4px}.segmented,.actions{display:flex;gap:7px}.segmented{margin:14px 0}.segmented button,.actions button{flex:1}.segmented button[aria-pressed=true]{background:#526144;border-color:#b9d28c}.field-title{display:block;color:#aebbb7;font-size:11px;margin:18px 0 8px}.axes{display:flex;gap:5px}.axes label{width:33%;display:flex;align-items:center;gap:4px;background:#141a1b;border:1px solid #3d4a48;border-radius:5px;padding:7px}.axes span{font-size:10px;color:#bdd39c}.axes input{width:100%;min-width:0;background:none;color:#edf0e7;border:0}.actions{margin-top:16px}.actions button{font-size:11px;padding:10px 5px}footer{margin-top:auto;padding-top:22px;border-top:1px solid #34403e}footer p{font-size:11px;margin-bottom:0}main{flex:1;position:relative;min-width:0;display:flex;flex-direction:column}nav{height:60px;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid #35403e}nav span{font-size:10px;letter-spacing:2px;color:#a3b7a4}.viewport{flex:1;min-height:0;overflow:hidden}.viewport canvas{display:block}.help{position:absolute;bottom:57px;left:0;right:0;text-align:center;color:#aabbb2;font-size:11px;pointer-events:none}.status{min-height:40px;padding:12px 20px;background:#222b29;border-top:1px solid #35403e;font-size:11px;color:#c8d9b3}@media(max-width:700px){aside{width:240px;padding:14px 10px}.help{font-size:9px}nav{padding:10px}}