.kq-wrapper[data-v-03d711b2]{display:flex;flex:1;flex-direction:column;gap:16px;outline:none;padding:12px 0;width:100%}.display-area[data-v-03d711b2]{flex:1;justify-content:center;padding:16px}.display-area[data-v-03d711b2],.placeholder[data-v-03d711b2]{align-items:center;display:flex}.placeholder[data-v-03d711b2]{flex-direction:column;gap:12px;opacity:.45}.placeholder-text[data-v-03d711b2]{font-size:14px;margin:0}.key-info[data-v-03d711b2]{align-items:center;display:flex;flex-direction:column;gap:12px}.kq-hero[data-v-03d711b2]{background:linear-gradient(135deg,#1a73e8,#4fc3f7);-webkit-background-clip:text;font-size:96px;font-weight:800;letter-spacing:-.02em;line-height:1;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kq-meta[data-v-03d711b2]{gap:16px}.kq-meta[data-v-03d711b2],.kq-meta-item[data-v-03d711b2]{align-items:center;display:flex}.kq-meta-item[data-v-03d711b2]{flex-direction:column;gap:4px}.kq-meta-label[data-v-03d711b2]{font-size:11px;letter-spacing:.04em;opacity:.45;text-transform:uppercase}.kq-meta-value[data-v-03d711b2]{background:#80808012;border-radius:8px;font-family:Segoe UI,system-ui,monospace;font-size:20px;font-weight:600;padding:4px 14px}.kq-meta-sep[data-v-03d711b2]{background:#80808026;height:36px;width:1px}.keyboard[data-v-03d711b2]{flex-direction:column;padding:10px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kb-row[data-v-03d711b2],.keyboard[data-v-03d711b2]{display:flex;gap:5px}.kb-key[data-v-03d711b2]{align-items:center;background:#8080800a;border:1px solid hsla(0,0%,50%,.2);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:42px;justify-content:center;min-width:0;padding:2px 4px;text-align:center;transition:all .1s ease}.kb-key[data-v-03d711b2]:hover{background:#8080801a;border-color:#80808059;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.kb-key[data-v-03d711b2]:active{box-shadow:none;transform:translateY(1px)}.kb-key.is-active[data-v-03d711b2]{background:#2d8cf0;border-color:#2d8cf0;box-shadow:0 0 0 2px #2d8cf040;color:#fff;transform:translateY(1px)}.kb-key.is-active .key-sublabel[data-v-03d711b2]{color:#ffffffb3;opacity:1}.kb-key.is-mod[data-v-03d711b2]{font-size:11px}.key-label[data-v-03d711b2]{font-size:12px;font-weight:500;line-height:1.2}.kb-key.is-mod .key-label[data-v-03d711b2]{font-size:10px}.key-sublabel[data-v-03d711b2]{font-size:9px;line-height:1;opacity:.45}.mb-4[data-v-03d711b2]{margin-bottom:16px}.code-cell[data-v-03d711b2]{background:#80808014;border-radius:4px;font-family:Segoe UI,system-ui,monospace;font-size:12px;padding:2px 6px}@media (max-width:640px){.kq-hero[data-v-03d711b2]{font-size:64px}.kq-meta-value[data-v-03d711b2]{font-size:16px;padding:3px 10px}.kb-key[data-v-03d711b2]{border-radius:5px;height:36px}.key-label[data-v-03d711b2]{font-size:10px}.kb-key.is-mod .key-label[data-v-03d711b2]{font-size:9px}.key-sublabel[data-v-03d711b2]{font-size:8px}.kq-meta-sep[data-v-03d711b2]{height:28px}.keyboard[data-v-03d711b2]{gap:4px;padding:6px 0}.kb-row[data-v-03d711b2]{gap:4px}}@media (max-width:400px){.kb-key[data-v-03d711b2]{border-radius:4px;height:32px;padding:1px 2px}.key-label[data-v-03d711b2]{font-size:9px}.kb-key.is-mod .key-label[data-v-03d711b2]{font-size:8px}.key-sublabel[data-v-03d711b2]{font-size:7px}.kb-row[data-v-03d711b2],.keyboard[data-v-03d711b2]{gap:3px}}.page[data-v-6c7ccd38]{display:flex;flex-direction:column;min-height:100vh;opacity:0;transition:opacity .2s ease}.page.ready[data-v-6c7ccd38]{opacity:1}.page-card[data-v-6c7ccd38],.page-card[data-v-6c7ccd38] .n-card{display:flex;flex:1;flex-direction:column}.page-card[data-v-6c7ccd38] .n-card__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.page-card[data-v-6c7ccd38] .n-card__action{margin-top:auto}.loading-placeholder[data-v-6c7ccd38]{align-items:center;display:flex;height:400px;justify-content:center}.subtle-link[data-v-6c7ccd38]{color:inherit!important;text-decoration:none}.subtle-link[data-v-6c7ccd38]:hover{text-decoration:underline}.devtool-modal[data-v-6c7ccd38]{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.devtool-modal-content[data-v-6c7ccd38]{background:#fff;border-radius:10px;padding:30px 50px;text-align:center}.devtool-modal-content h3[data-v-6c7ccd38]{color:#e53e3e;margin-top:0}.devtool-modal-content p[data-v-6c7ccd38]{color:#333;font-size:16px}