html,body{width:100%;height:100%;margin:0;font-family:system-ui,Helvetica,sans-serif;font-size:14px;overflow:hidden}.root{box-sizing:border-box;flex-direction:column;gap:1rem;max-width:50rem;height:100%;margin:auto;padding:1rem;display:flex}h1{margin:0 0 1rem}h3{margin:0;font-size:1rem}.matcher-field{border-radius:5px;gap:2rem;display:flex}.monospace{font-family:monospace}#event-target{border:2px solid #a8a8a8;border-radius:5px;padding:10px}.platform-display{align-items:center;gap:1rem;display:flex}.platform-str{margin:0}#event-details{box-sizing:border-box;background-color:#eae6dc;border-radius:5px;min-height:10rem;margin:0;padding:1rem;line-height:1.5}#combo-list{flex-direction:column;gap:1rem;margin:0;padding:0;display:flex}.combo-item{border:1px solid gray;border-radius:5px;grid-template:"combo btn""error btn"/1fr 2em;column-gap:.5rem;padding:.5rem;font-family:monospace;list-style:none;display:grid}.combo-item.matched{background-color:#3ea7158a;border-width:2px;border-color:#3ea715}.combo-item:has(.error:not(:empty)){background-color:#c14d4d7e;border-width:2px;border-color:#c14d4d}.combo-item .combo{grid-area:combo}.combo-item .error{grid-area:error}.combo-item .error:not(:empty){margin-top:.5rem}.combo-item .delete{cursor:pointer;background:0 0;border:0;grid-area:btn;margin:0;padding:0}#new-combo-form{border:1px solid gray;border-radius:5px;align-items:center;gap:2rem;padding:.75rem .5rem;display:flex}#new-combo-form label{align-items:center;gap:.25rem;display:inline-flex}#new-combo-form .combo-input{flex-grow:1}#new-combo-form .combo-input input{width:100%;padding:.25rem}#new-combo-form button{margin:0;cursor:pointer;background-color:#94d06b;border:0;border-radius:5px;margin-inline-start:auto;padding:.375rem .625rem;font-size:1rem}