.control-panel[data-v-2c9c8c0c]{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}.control-row[data-v-2c9c8c0c]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;width:100%}.keyboard-selector[data-v-2c9c8c0c]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.selector-label[data-v-2c9c8c0c]{font-size:12px;color:#525ca8;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.selector-buttons[data-v-2c9c8c0c]{display:flex;gap:.5rem}.stats-card[data-v-2c9c8c0c]{display:flex;gap:1.5rem;padding:.75rem 1.25rem;background:linear-gradient(145deg,#e6e3de,#d8d5cf);border:1px solid #959292;border-radius:6px;box-shadow:3px 3px 6px #52576326,-2px -2px 4px #f8f6f299}.stats-item[data-v-2c9c8c0c]{display:flex;flex-direction:column;align-items:center;min-width:60px}.stats-label[data-v-2c9c8c0c]{font-size:10px;color:#525ca8;text-transform:uppercase;letter-spacing:.05em}.stats-value[data-v-2c9c8c0c]{font-family:IBM Plex Mono,monospace;font-size:1.25rem;font-weight:700;color:#2d2d2d}.key-history-container[data-v-2c9c8c0c]{width:100%;overflow:hidden}.key-history-bg[data-v-2c9c8c0c]{position:relative;min-height:60px;border:1px solid #959292;border-radius:6px;box-shadow:6px 6px 13px #52576333,-3px -3px 6px #f8f6f2bf,inset 1px 1px #f8f6f26b;background:radial-gradient(circle at 22% 28%,#bed276eb,#7bb542e6 28%,#375e2eeb 64%,#262626f5),linear-gradient(145deg,#a8c45d,#708d3d)}.key-history-bg[data-v-2c9c8c0c]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:repeating-linear-gradient(0deg,rgba(38,38,38,.12) 0,rgba(38,38,38,.12) 1px,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,rgba(55,94,46,.14) 0,rgba(55,94,46,.14) 1px,transparent 1px,transparent 4px);background-size:4px 4px;pointer-events:none}.key-history-display[data-v-2c9c8c0c]{position:relative;z-index:1;padding:12px 16px;display:flex;align-items:center;gap:8px;overflow-x:auto;white-space:nowrap;font-family:Courier New,monospace;min-height:60px}.key-history-display[data-v-2c9c8c0c]::-webkit-scrollbar{height:6px}.key-history-display[data-v-2c9c8c0c]::-webkit-scrollbar-track{background:#375e2e4d;border-radius:3px}.key-history-display[data-v-2c9c8c0c]::-webkit-scrollbar-thumb{background:#26262680;border-radius:3px}.key-history-display[data-v-2c9c8c0c]::-webkit-scrollbar-thumb:hover{background:#262626b3}.record-item[data-v-2c9c8c0c]{background-color:#f0f0f0;border:1px solid #bbb;border-radius:6px;box-shadow:0 2px 5px #00000026;min-width:35px;text-align:center;padding:8px 5px;font-size:10px;color:#333;cursor:pointer;transition:background-color .2s,transform .1s;flex-shrink:0}.record-key[data-v-2c9c8c0c]{font-size:12px;font-weight:600;color:#333;text-transform:uppercase}.placeholder[data-v-2c9c8c0c]{color:#fff;font-size:18px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.typing-dots[data-v-2c9c8c0c]:after{content:"";animation:dots-2c9c8c0c 2s steps(3,end) infinite}@keyframes dots-2c9c8c0c{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:"...."}}.keyboard-wrapper[data-v-2c9c8c0c]{width:100%;overflow-x:auto;overflow-y:hidden;display:flex;justify-content:center;padding:10px 0}[data-v-2c9c8c0c] .keyboard-canvas{margin:0 auto;box-sizing:border-box}@media (max-width: 768px){.stats-card[data-v-2c9c8c0c]{flex-wrap:wrap;justify-content:center;gap:1rem}.keyboard-selector[data-v-2c9c8c0c]{width:100%}.selector-buttons[data-v-2c9c8c0c]{width:100%;justify-content:center}}