.kb-wrap[data-v-4201bef6]{padding:10px}.kb-toolbar[data-v-4201bef6]{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.mode-switch[data-v-4201bef6]{display:flex;gap:0}.mode-switch .btn[data-v-4201bef6]{margin-bottom:0;border-radius:0}.mode-switch .btn[data-v-4201bef6]:first-child{border-radius:6px 0 0 6px}.mode-switch .btn[data-v-4201bef6]:last-child{border-radius:0 6px 6px 0}.mode-switch .btn.active[data-v-4201bef6]{background:var(--primary);color:#fff;border-color:var(--primary)}.sel-info[data-v-4201bef6]{font-size:12px;color:var(--muted)}.kb-board[data-v-4201bef6]{display:flex;flex-direction:column;gap:4px;-webkit-user-select:none;user-select:none}.kb-row[data-v-4201bef6]{display:flex;gap:4px}.kb-key[data-v-4201bef6]{position:relative;flex-basis:0;min-width:34px;height:40px;background:#2a2f3a;color:#dfe5ee;border-radius:5px;border:2px solid transparent;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;transition:background .12s,border-color .12s}.kb-key[data-v-4201bef6]:hover{background:#3a4150}.kb-key.selected[data-v-4201bef6]{border-color:var(--primary);background:#3457ff33}.kb-key.editing[data-v-4201bef6]{border-color:var(--primary);background:#3457ff66}.kb-key.edited[data-v-4201bef6]{border-color:#e8a13c}.kb-key .dot[data-v-4201bef6]{position:absolute;top:2px;right:4px;font-size:8px;color:#e8a13c}.kb-tip[data-v-4201bef6]{margin-top:8px;font-size:12px;color:var(--muted)}.travel-panel[data-v-4201bef6]{margin-top:14px;border-top:1px dashed var(--border);padding-top:10px}.travel-title[data-v-4201bef6]{font-size:12px;color:var(--muted);margin-bottom:6px}.travel-grid[data-v-4201bef6]{display:grid;grid-template-columns:repeat(20,1fr);gap:3px}.travel-cell[data-v-4201bef6]{text-align:center}.travel-bar[data-v-4201bef6]{height:40px;background:#eef1f6;border-radius:3px;display:flex;align-items:flex-end;overflow:hidden}.travel-fill[data-v-4201bef6]{width:100%;background:#3457ff99;transition:height .2s}.travel-fill.deep[data-v-4201bef6]{background:#e8a13c}.travel-label[data-v-4201bef6]{font-size:9px;color:var(--muted);margin-top:2px;overflow:hidden;white-space:nowrap}.travel-legend[data-v-4201bef6]{display:flex;gap:14px;font-size:11px;color:var(--muted);margin-top:6px}.legend-dot[data-v-4201bef6]{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3457ff99;margin-right:4px}.legend-dot.deep[data-v-4201bef6]{background:#e8a13c}