[data-model-navigation]{touch-action:none;user-select:none;cursor:grab;overscroll-behavior:contain}
[data-model-navigation]:focus-visible{outline:2px solid #639ce1;outline-offset:-3px}
[data-model-navigation] .diagram-frame,[data-model-navigation] .detail-model-frame{transition:none}
[data-model-navigation] img{-webkit-user-drag:none;user-select:none}
[data-model-navigation] .source-hit{cursor:grab}
[data-model-navigation].model-panning,[data-model-navigation].model-panning *{cursor:grabbing!important}
[data-model-navigation] button{cursor:pointer}
.view-tools [data-model-percent]{min-width:36px;text-align:center;color:#6684a8;font-size:10px;font-variant-numeric:tabular-nums}
.board-toolbar .model-gesture-hint{font-size:10px;color:#7a90aa;white-space:nowrap}
.view-tools .model-reset-button{color:#285f9b;border:1px solid #d7e4f3;background:#f7faff;padding:5px 8px}
.detail-model-panel{min-width:0;display:flex;flex-direction:column;background:#f9fbfe}
.detail-model-stage.detail-visual{position:relative;height:clamp(260px,46vh,410px);min-height:0;padding:12px;overflow:hidden}
.detail-model-frame{position:relative;flex-shrink:0;width:100%;height:100%;transform-origin:50% 50%}
.detail-model-stage.detail-visual .detail-model-frame>svg{display:block;width:100%;height:100%;max-height:none!important}
.detail-model-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid #e4edf7;background:#fff}
.detail-model-toolbar .model-gesture-hint{color:#7a90aa;font-size:11px}
.detail-model-toolbar .view-tools{margin-left:auto}