.angle-panel{padding-top:12px}.angle-heading{display:flex;justify-content:space-between;gap:15px;align-items:baseline;flex-wrap:wrap;font-size:13px}.angle-heading strong{color:#bceef4;font-weight:600}.angle-heading span{color:#a4baca;font-size:12px}.angle-stage{margin:15px 0 0;border:1px solid #355465;background:radial-gradient(ellipse at 50% 70%,#23413e,#0c1b2c 68%);position:relative}.angle-canvas{display:block;width:100%;height:360px;max-width:100%;touch-action:pan-y;cursor:grab}.angle-canvas:active{cursor:grabbing}.angle-canvas:focus-visible{outline:3px solid #22d3ee;outline-offset:3px}.angle-status{min-height:25px;font-size:12px!important;color:#b8dfe5!important;margin:12px 0!important}.angle-buttons{display:flex;gap:8px;flex-wrap:wrap}.angle-buttons button{min-height:48px;padding:10px 18px;border:1px solid #3b6576;background:#112b3b;color:#e5f5f8;font:inherit;font-size:12px;cursor:pointer}.angle-buttons button:disabled{opacity:.45;cursor:default}.angle-buttons [hidden]{display:none!important}.angle-buttons button:focus-visible{outline:3px solid #fff;outline-offset:3px}.angle-hint,.angle-limit{font-size:12px!important;line-height:1.7!important;color:#b0c3d1!important}.angle-limit{border-left:2px solid #496c78;padding-left:12px}.motion-mode-switch{display:flex;gap:8px;margin:16px 0}.motion-mode-switch button{min-height:48px;border:1px solid #3b6576;background:#102638;color:#d8e8ef;padding:10px 18px;font:inherit;font-size:13px}.motion-mode-switch button[aria-pressed=true]{border-color:#22d3ee;background:#16404e}.motion-mode-switch button:disabled{opacity:.5;cursor:default}.mode-boundary{font-size:12px;color:#a5becd}.angle-display-tier{display:flex;gap:8px;margin:16px 0}.angle-display-tier button{min-height:48px;padding:8px 18px;color:inherit;background:#102638;border:1px solid #3b6576}.angle-display-tier button[aria-pressed=true]{border-color:#22d3ee;background:#16404e}@media(max-width:600px){.angle-canvas{height:300px}.angle-buttons{gap:5px}.angle-buttons button{flex:1;padding:10px 8px;font-size:12px}.angle-heading{gap:6px}.angle-heading strong{font-size:12px}.angle-heading span{font-size:12px}}@media(max-height:530px){.angle-canvas{height:230px}}