:root{color-scheme:light;font:13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202b3e;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:7px;background:#254dd8;color:white;padding:10px 12px;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:default}button.secondary{background:#e9edf5;color:#24324d}input,select,textarea{border:1px solid #cbd3e0;background:white;border-radius:6px;padding:8px;min-width:0;color:#202b3e}input:focus,select:focus,textarea:focus{outline:2px solid #597dff;outline-offset:1px}label{display:block;font-size:12px;color:#566279}label input:not([type=range]),label select{display:block;width:100%;margin:6px 0 10px}input[type=range]{width:100%;padding:0;margin:10px 0}h1{font-size:25px;margin:8px 0 12px}h2{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#68768d;margin:0 0 13px}.eyebrow{font-size:10px;letter-spacing:.13em;color:#75829b;font-weight:700}.panel{padding:18px 16px}.panel header{margin-bottom:20px}.panel section{padding:18px 0;border-top:1px solid #dce2ec}.panel button{width:100%;margin-top:8px}.row{display:flex;gap:7px}.badge{display:inline-block;background:#e6ebf4;color:#55657e;padding:6px 8px;border-radius:5px;font-size:11px}.badge.live{background:#ddf5e6;color:#187246}.muted,footer{color:#788498;font-size:11px;line-height:1.5}.wrap{overflow-wrap:anywhere}.hint{font-size:11px;line-height:1.5;color:#657288}dl{display:grid;grid-template-columns:auto 1fr;gap:8px;margin:0 0 14px;font-size:11px}dt{color:#7d8898}dd{margin:0;text-align:right;overflow-wrap:anywhere}output{float:right}.error{color:#ba2639;font-size:11px;overflow-wrap:anywhere}footer{padding:10px 0}#tab{font-size:12px;overflow-wrap:anywhere}

.panel{padding:12px 12px;display:flex;flex-direction:column;height:100vh;overflow:auto}.panel header{margin-bottom:10px}.panel h1{font-size:21px;margin:4px 0 8px}.panel section{padding:10px 0}.panel h2{margin-bottom:8px}.panel label{font-size:11px}.panel dl{gap:5px;margin-bottom:7px}.panel label input:not([type=range]),.panel label select{margin:3px 0 6px;padding:5px}.panel button{padding:6px 8px;margin-top:4px;font-size:11px}.panel .hint{margin:4px 0}.panel .log-section{flex:1;min-height:180px;display:flex;flex-direction:column}.log-section h2{display:flex;justify-content:space-between;align-items:center}.panel #clearLog{width:auto;margin:0;padding:3px 6px;font-size:10px}#eventLog{background:#141c28;color:#b7d1b7;font:9px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto;flex:1;min-height:140px;max-height:400px;padding:6px;border-radius:5px}#eventLog>div{white-space:pre}.panel footer{padding:4px 0;font-size:10px}

.panel summary{font-size:11px;color:#566279;cursor:pointer;padding:3px 0}.panel details[open] summary{margin-bottom:9px}

[hidden]{display:none!important}