:root{font-family:Inter,system-ui,sans-serif;color:#171717;background:#f5f5f5}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#111;color:#fff}header div{display:flex;gap:14px;align-items:baseline}header span{opacity:.7;font-size:13px}header a{color:#fff}main{display:grid;grid-template-columns:minmax(360px,520px) 1fr;gap:18px;padding:18px}.panel{background:#fff;border:1px solid #ddd;border-radius:12px;padding:18px;box-shadow:0 2px 10px #0000000a}label{display:grid;gap:6px;margin:11px 0;font-size:13px;font-weight:600}input,select,textarea{width:100%;padding:10px;border:1px solid #bbb;border-radius:7px;background:#fff}textarea{min-height:90px;resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;gap:10px;margin:16px 0}button{padding:10px 14px;border:0;border-radius:7px;background:#111;color:#fff;cursor:pointer}button.secondary{background:#e7e7e7;color:#111}button:disabled{opacity:.45}pre{white-space:pre-wrap;max-height:320px;overflow:auto;background:#f4f4f4;padding:12px;border-radius:8px}.preview-head{display:flex;justify-content:space-between;align-items:center}#screenshot{width:100%;min-height:280px;object-fit:contain;background:#222;border-radius:8px}.events{margin-top:12px;max-height:320px;overflow:auto}.event{padding:7px;border-bottom:1px solid #eee;font-size:12px;word-break:break-word}@media(max-width:900px){main{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}}