.studio{border:1px solid #556258;border-radius:16px;padding:22px;background:#242d27;box-shadow:0 22px 60px #0003}.studio-top{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.4px;color:#b4c4b5}.live-dot{width:6px;height:6px;background:#a9ce9c;border-radius:50%}.wpm{margin-left:auto;letter-spacing:0}.wpm strong{font-size:22px;font-weight:400;color:#eeeae1;margin-right:5px}.keyboard{padding:25px 0;--key: #d6cbb6;--keytext: #343c33}.keyrow{display:flex;gap:5px;margin-bottom:6px}.key{flex:var(--units) 1 0;min-width:0;height:43px;padding:0;border-radius:5px;border:0;border-bottom:4px solid #938a75;background:var(--key);color:var(--keytext);font-size:10px;box-shadow:0 2px 3px #0004;transition:transform 55ms,background 55ms}.key.pressed{transform:translateY(3px);border-bottom-width:1px;background:#e8b575}.row-0{margin-bottom:14px}.row-0 .key{height:28px;font-size:8px}.numpad{display:flex;width:19%;gap:5px;margin-left:8px}.numpad .key{flex:1}textarea{width:100%;resize:vertical;background:#19211b;border:1px solid #475549;border-radius:8px;color:#e7e8db;padding:16px;font-size:14px;line-height:1.6}textarea:focus{outline:1px solid var(--accent)}.studio-bottom{display:flex;justify-content:space-between;color:#829584;font-size:10px;padding-top:12px}.settings{margin-top:28px}.setting-title{font-size:10px;letter-spacing:1.7px;color:#aabbac}.profiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:24px}.profiles button{text-align:left;background:transparent;border-color:#47524b;font-size:14px;padding:14px}.profiles button span{display:block;font-size:9px;color:#839286;margin-bottom:14px}.profiles button small{display:block;margin-top:8px;color:#97a69b;font-size:9px;letter-spacing:1px}.profiles button[aria-pressed=true]{background:#dfba8d;color:#252a24;border-color:#dfba8d}.profiles button[aria-pressed=true] span,.profiles button[aria-pressed=true] small{color:#665a48}[data-theme=forest] .keyboard{--key: #94b79b;--keytext: #1d3a2a}[data-theme=rose] .keyboard{--key: #dcbabd;--keytext: #583d44}@media(max-width:650px){.studio{padding:14px 10px}.keyboard{padding:22px 0}.keyrow{gap:3px;margin-bottom:4px}.key{height:38px;font-size:9px;border-bottom-width:3px}.row-0,.numpad,.extra,.row-5 [data-code=MetaRight],.row-5 [data-code=ContextMenu],.row-5 [data-code=ControlRight],.row-5 [data-code^=Arrow],.row-4 [data-code=ArrowUp]{display:none}.profiles{gap:5px}.profiles button{padding:10px 7px;font-size:12px}.profiles button small{font-size:7px;letter-spacing:0}.profiles button span{margin-bottom:10px}.studio-bottom{font-size:8px;gap:8px}.settings .controls{line-height:1.5}.studio-top{font-size:8px;letter-spacing:.6px}}