:root{--font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-weight-regular:400;--font-weight-bold:550;--line-height-base:1.5;--green-300:#5eead4;--green-800:#065f46;--orange-300:#fdba74;--orange-700:#c2410c;--red-300:#fca5a5;--red-700:#991b1b;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-500:#64748b;--gray-700:#1e293b;--gray-900:#020617;--space-xs:2px;--space-s:4px;--space-m:8px;--space-l:16px;--space-xl:24px;--space-2xl:32px;--border-width-s:1px;--border-width-m:2px;--radius-xs:2px;--radius-s:4px;--radius-m:8px;--radius-pill:999px;--text-primary:var(--gray-700)}body{background:#f1f5f9;background:var(--gray-100);color:#1e293b;color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family)}h1{font-size:21px;margin:0;padding-bottom:16px;padding-bottom:var(--space-l)}#app{display:flex;flex-direction:column;margin:32px auto 0;margin:var(--space-2xl) auto 0 auto;width:fit-content}#tool-bar{display:flex;flex-direction:row;gap:16px;gap:var(--space-l);margin-bottom:16px;margin-bottom:var(--space-l)}.keyboard{background:#e2e8f0;background:var(--gray-200);border:1px solid #94a3b8;border:1px solid var(--gray-400);border-radius:8px;box-shadow:0 4px 10px 0 #0003;flex-direction:column;margin:0 auto;padding:16px;padding:var(--space-l);width:fit-content}.keyboard,.row{display:flex;gap:8px;gap:var(--space-m)}.row{justify-content:space-between;width:100%}.key{background-color:#fff;background-color:var(--white);border:1px solid #64748b;border:1px solid var(--gray-500);border-radius:4px;box-shadow:0 2px 2px 0 #0003;color:#1e293b;color:var(--text-primary);cursor:default;font-size:14px;font-weight:400;font-weight:var(--font-weight-regular);height:36px;position:relative;width:36px}.key .primary{display:block}.key .shifted{color:#666;font-size:.7em;left:5px;position:absolute;top:2px}.key:hover,.pressed{box-shadow:0 0 1px 0 #0000004d}.key:active{background:#64748b;background:var(--gray-500);box-shadow:0 2px 1px 0 #0000004d}.key.long{flex-grow:1}.key.backspace{width:120px}.key.pressed{background-color:#94a3b8;background-color:var(--gray-400)}.key.assigned{background-color:#5eead4;background-color:var(--green-300)}.key.warning{background-color:#fdba74;background-color:var(--orange-300)}.key.alert{background-color:#fca5a5;background-color:var(--red-300)}.key.active-modifier{background-color:#94a3b8;background-color:var(--gray-400);border-color:#64748b;border-color:var(--gray-500)}.key.modifier.active-modifier{background-color:var(--blue-300);border-color:#065f46;border-color:var(--green-800)}.arrow-column{display:flex;flex-direction:column}.arrow-column>.key{max-height:18px}shortcut-capture{margin-top:24px;margin-top:var(--space-xl);width:100%}.current-combo{background:#fff;background:var(--white);border:1px solid #94a3b8;border:1px solid var(--gray-400);border-radius:8px;border-radius:var(--radius-m);padding:16px;padding:var(--space-l)}.combo-display{color:#1e293b;color:var(--gray-700);display:block;font-weight:550;font-weight:var(--font-weight-bold);margin-bottom:8px;margin-bottom:var(--space-m);min-height:24px}.combo-input{display:flex;gap:8px;gap:var(--space-m)}.combo-input input{border:1px solid #94a3b8;border:1px solid var(--gray-400);border-radius:4px;border-radius:var(--radius-s);flex:1 1;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);padding:8px;padding:var(--space-m)}.combo-input button{background:#5eead4;background:var(--green-300);border:none;border-radius:4px;border-radius:var(--radius-s);color:#065f46;color:var(--green-800);cursor:pointer;font-weight:550;font-weight:var(--font-weight-bold);padding:8px 16px;padding:var(--space-m) var(--space-l)}.combo-input button:disabled{background:#e2e8f0;background:var(--gray-200);color:#94a3b8;color:var(--gray-400);cursor:not-allowed}.saved-shortcuts{margin-top:24px;margin-top:var(--space-xl)}.saved-shortcuts h3{margin-bottom:8px;margin-bottom:var(--space-m)}.saved-shortcuts ul{list-style:none;margin:0;padding:0}.saved-shortcuts li{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);padding:8px;padding:var(--space-m)}.shortcut-name{font-weight:550;font-weight:var(--font-weight-bold);margin-right:8px;margin-right:var(--space-m)}.shortcut-combo{color:#64748b;color:var(--gray-500)}.shortcuts-header{align-items:center;display:flex;justify-content:space-between}.delete-link,.reset-link{color:#f44;font-size:.9em;text-decoration:none}.delete-link:hover,.reset-link:hover{text-decoration:underline}.delete-link{margin-left:10px}li{align-items:center;display:flex}
/*# sourceMappingURL=main.1aaae29e.css.map*/