.modifier-keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.modifier-key{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-secondary);border-radius:var(--border-radius);border:2px solid var(--border-color)}.modifier-label{font-weight:600;color:var(--text-primary)}.modifier-indicator{padding:.25rem .75rem;border-radius:4px;font-weight:700;font-size:.875rem;transition:.2s}.modifier-indicator.active{background-color:var(--success-color);color:#fff}.modifier-indicator.inactive{background-color:var(--bg-tertiary);color:var(--text-secondary)}.event-log{background-color:#1e1e1e;color:#d4d4d4;padding:1.5rem;border-radius:var(--border-radius);font-family:Monaco,Menlo,'Ubuntu Mono',Consolas,source-code-pro,monospace;font-size:.875rem;line-height:1.6;max-height:500px;overflow-y:auto;min-height:200px}.event-log-empty{color:#858585;text-align:center;padding:2rem;font-style:italic}.event-entry{padding:.5rem;margin-bottom:.25rem;border-radius:4px;transition:background-color .3s;animation:.3s fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.event-entry:hover{background-color:#2d2d2d}.event-keydown{border-left:3px solid #4ec9b0}.event-keypress{border-left:3px solid #dcdcaa}.event-keyup{border-left:3px solid #569cd6}.event-type{display:inline-block;font-weight:700;color:#c586c0;min-width:100px}.event-property{color:#9cdcfe;margin-right:1rem}.event-value{color:#ce9178;font-weight:600}.card-header{display:flex;justify-content:space-between;align-items:center}.suppress-options{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background-color:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.suppress-option{display:flex;align-items:center;gap:.75rem;flex:1;min-width:280px}.suppress-label{display:flex;flex-direction:column;cursor:pointer;font-weight:500;color:var(--text-primary)}.suppress-description{font-size:.75rem;font-weight:400;color:var(--text-secondary);margin-top:.25rem}.event-log::-webkit-scrollbar{width:10px}.event-log::-webkit-scrollbar-track{background:#2d2d2d;border-radius:5px}.event-log::-webkit-scrollbar-thumb{background:#555;border-radius:5px}.event-log::-webkit-scrollbar-thumb:hover{background:#777}@media (max-width:768px){.modifier-keys{grid-template-columns:1fr}.suppress-options{flex-direction:column}.suppress-option{min-width:100%}.event-log{font-size:.75rem;padding:1rem}.event-property{display:block;margin-bottom:.25rem}}