dev-keys{max-width:36rem;min-height:6.4rem;display:block}@media (width<=640px){dev-keys{min-height:9.7rem}}dev-keys label{margin-block-end:.35rem;font-weight:600;display:block}.dk-row{flex-wrap:wrap;gap:.5rem;display:flex}.dk-row input{border:1px solid var(--color-line);background:var(--color-bg);min-height:2.75rem;color:var(--color-ink);font:inherit;border-radius:.6rem;flex:14rem;padding-inline:.75rem}.dk-row button,.dk-key button{border:1px solid var(--color-accent);background:var(--color-accent);min-height:2.75rem;color:var(--color-bg);font:inherit;cursor:pointer;border-radius:.6rem;padding-inline:1rem;font-weight:600}.dk-status{min-height:1.5em;margin-block:.5rem}.dk-key{border:1px solid var(--color-line);border-radius:.8rem;padding:1rem}.dk-code{overflow-wrap:anywhere;font-family:var(--font-mono,monospace);user-select:all;display:block}.dev-table{border-collapse:collapse;width:100%;margin-block:1rem}.dev-table th,.dev-table td{text-align:start;border-block-end:1px solid var(--color-line);vertical-align:top;padding:.55rem .5rem}.dev-code{border:1px solid var(--color-line);font-family:var(--font-mono,monospace);border-radius:.6rem;padding:.9rem 1rem;font-size:.9rem;overflow-x:auto}@media (prefers-reduced-motion:no-preference){.dk-row button{transition:filter .15s}.dk-row button:hover{filter:brightness(1.08)}}