*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#1a1a1a;background:#f5f5f5}#root{max-width:1440px;margin:0 auto;padding:2rem}h1{margin-top:0}button{margin:0;padding:.5rem 1rem;font-size:1rem;cursor:pointer;border:1px solid #ddd;border-radius:4px}button:disabled{cursor:not-allowed;opacity:.6}.button-group{display:flex;gap:.5rem}.status{background:#fff;border:1px solid #ddd;border-radius:4px;padding:1rem;white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:.875rem;min-height:4rem}.footswitch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.footswitch-card{background:#fff;border:1px solid #ddd;border-radius:4px;padding:1rem}.footswitch-card h2{margin-top:0}.config-field{display:inline-flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;font-size:.875rem;font-weight:600}.config-field input{width:4.5rem;padding:.375rem .5rem;font-size:.875rem;font-weight:400;border:1px solid #ddd;border-radius:4px}.config-field-wide{display:flex;width:100%}.config-field-wide input{width:100%}.actions-list{display:flex;flex-direction:column;gap:.5rem}.action-row{display:flex;align-items:flex-end;gap:.5rem}.action-row label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:600;color:#555}.action-row input{width:4.5rem;padding:.375rem .5rem;font-size:.875rem;border:1px solid #ddd;border-radius:4px}.action-row button{flex:1}.button-small{padding:6px 4px;font-size:.8125rem}.button-danger{border-color:red;color:red;background-color:transparent}.empty{color:#666}.button-add{width:100%}