.lab-workspace input:not([type=checkbox]),.lab-workspace select,.lab-workspace textarea{width:100%;max-width:100%;box-sizing:border-box}.lab-workspace textarea{font-family:inherit}.lab-workspace canvas{display:block;max-width:100%;height:auto;margin:var(--size-16) 0}.lab-gradient{height:200px;background:var(--palette-f2f0ec);border:1px solid var(--line);border-radius:var(--size-12);margin:var(--size-18) 0}.lab-zones{border:1px solid var(--line);border-radius:var(--size-10);padding:var(--size-16);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--size-12);margin:var(--size-20) 0}.lab-zones label{display:flex;gap:var(--size-8);align-items:flex-start;overflow-wrap:anywhere;font-size:var(--size-13);line-height:24px;min-height:44px;cursor:pointer}.lab-zones input{flex:0 0 18px;width:18px;height:18px;min-height:0;padding:0;margin:var(--size-3) 0 0}.lab-workspace meter{width:100%;height:28px}.lab-workspace audio{width:100%;margin:var(--size-16) 0}.lab-keyboard{border:2px solid var(--line);border-radius:var(--size-12);padding:var(--size-12);overflow-x:auto;background:var(--palette-f5f4f0)}.lab-keyboard:focus{outline:3px solid var(--palette-ad593c);outline-offset:2px}.lab-keyrow{display:flex;gap:var(--size-3);min-width:670px;margin:var(--size-4) 0}.lab-key{display:flex;justify-content:center;align-items:center;flex:1;padding:var(--size-6) var(--size-4);min-width:max-content;min-height:34px;background:var(--color-surface);border:1px solid var(--palette-c4c0b8);border-radius:var(--size-4);font-size:var(--size-10);white-space:nowrap;box-sizing:border-box}.lab-key[data-code=Space]{flex:6}.lab-key.lab-released{background:var(--palette-e1eedf);color:var(--palette-26542a)}.lab-key.lab-down{background:var(--palette-a5492c);color:var(--color-surface);border-color:var(--palette-a5492c)}.lab-keylog{max-height:140px;overflow:auto;font-family:monospace;font-size:var(--size-12);padding-left:var(--size-24)}.lab-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--size-12);margin:var(--size-18) 0}.lab-color{border:1px solid var(--line);border-radius:var(--size-8);overflow:hidden}.lab-swatch{height:60px}.lab-color p{padding:0 var(--size-10);overflow-wrap:anywhere;font-size:var(--size-13)}.lab-table-wrap{max-width:100%;overflow-x:auto}.lab-table-wrap table{min-width:500px;width:100%;border-collapse:collapse}.lab-table-wrap th,.lab-table-wrap td{text-align:left;padding:var(--size-10);border-bottom:1px solid var(--line)}.lab-workspace #lab-output{font-family:monospace}.lab-workspace #lab-pressed{overflow-wrap:anywhere}@media(max-width:600px){.lab-workspace .extra-fields,.lab-zones{grid-template-columns:1fr}.lab-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-keyboard{padding:var(--size-7)}.lab-gradient{height:160px}}