body{position:fixed;inset:0}.keyboard-visualizer{position:relative;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.keyboard-visualizer-key{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid #cbd5e0;background-color:#fff;color:#2d3748;font-weight:500;font-size:11px}.keyboard-visualizer-key.pressed{background-color:#4299e1;border-color:#2b6cb0;color:#fff}.keyboard-visualizer-label{font-size:inherit;font-weight:inherit}.app{min-height:100vh;padding:2rem;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header{text-align:center;font-size:1rem;margin-bottom:.5rem;color:#2d3748}.link-section{display:flex;gap:10px;align-items:center;justify-content:center}.demo-section{text-align:center;margin-bottom:4rem}.demo-section h2{font-size:2rem;margin-bottom:.5rem}.demo-section p{opacity:.8;margin-bottom:2rem}.keyboard-container{display:flex;justify-content:center;align-items:center;padding:2rem;overflow-x:auto}@media (max-width: 768px){.app{padding:1rem}.header h1{font-size:2rem}.keyboard-container{padding:1rem;overflow-x:scroll}}