/* Narrow screens keep every control inside the viewport. */
html,body{max-width:100%;overflow-x:hidden}.card,.toolbar,.hero{min-width:0}.json-controls{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;color:var(--muted);font-size:12px}.json-controls summary{cursor:pointer;font-weight:bold;margin-bottom:10px}.json-controls label{display:grid;gap:5px;margin:8px 0}.json-controls textarea{width:100%;resize:vertical;font:12px/1.35 monospace}.json-controls button{margin-top:3px}
@media(max-width:800px){.hero{flex-wrap:wrap}.hero>div:first-child{min-width:0}.event-row{min-width:0}.event-row label{min-width:0}.advanced{flex-wrap:wrap}.advanced label{width:100%}.control-row button{flex:1 1 auto}}