:root{--brand: #293896;--bg: #eef1f8;--card: #fff}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:#111}.top{display:flex;gap:1rem;align-items:center;padding:.75rem 1rem;background:var(--brand);color:#fff}.top h1{font-size:1.1rem;margin:0 auto 0 0}.top input{max-width:12rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}.card{background:var(--card);border-radius:12px;padding:1rem;box-shadow:0 1px 4px #00000014}.card.wide{grid-column:1 / -1}label{display:block;margin:.5rem 0}input,textarea,select,button{font:inherit}textarea{width:100%;min-height:5rem}.runs{list-style:none;padding:0}.runs li{padding:.4rem .5rem;border-bottom:1px solid #eee;cursor:pointer}.runs li.selected{background:#e8ecff}.actions{display:flex;gap:.5rem;margin-top:.75rem}.muted{color:#666;font-size:.9rem}.error{margin:.75rem 1rem;padding:.6rem .8rem;background:#ffe8e8;border:1px solid #f5b5b5;border-radius:8px;color:#7a1010}.events{list-style:none;padding:0;margin:0;max-height:14rem;overflow:auto;font-size:.85rem}.ide iframe{width:100%;min-height:14rem;border:1px solid #ddd;border-radius:8px;background:#fff}.ide{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;min-height:240px}.pane{border:1px dashed #9aa3c7;border-radius:8px;padding:1rem;background:#fafbff}