:root{--bg: #f4f2ea;--panel: #fffdf6;--ink: #1b1b1b;--muted: #4f4f4f;--accent: #1552a1;--edge: #d8d2c3}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#efe8d2,var(--bg))}.page{display:grid;grid-template-columns:1fr 280px;gap:20px;min-height:100vh;padding:20px}.controls,.screen-wrap{background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:16px}.controls h1{margin-top:0;margin-bottom:8px;font-size:1.25rem}.controls p{margin:0 0 12px;color:var(--muted)}.row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.example-meta{margin:0 0 12px;padding:10px 12px;border:1px solid var(--edge);border-radius:8px;background:#fff}.example-meta h2{margin:0;font-size:.95rem}.example-meta p{margin:0 0 6px;color:var(--ink);font-size:.85rem}.example-meta ul{margin:6px 0 0;padding-left:18px;font-size:.82rem}.example-meta li{margin-bottom:4px}.example-coverage{font-family:IBM Plex Mono,Consolas,monospace}.example-meta-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.meta-toggle{padding:6px 10px;font-size:.75rem}.example-meta.is-collapsed #example-meta-body{display:none}.editor-wrap{margin:0 0 12px;border:1px solid var(--edge);border-radius:8px;background:#fff;padding:10px 12px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.section-header h2{margin:0;font-size:.95rem}.editor-wrap.is-collapsed #editor-body{display:none}.row label{font-size:.85rem;min-width:90px}.row select{flex:1;min-width:120px;border:1px solid var(--edge);border-radius:8px;padding:8px 10px;font-size:.85rem;background:#fff}.checkbox-row{display:flex;align-items:center;gap:8px;min-width:0}textarea{width:100%;height:360px;resize:vertical;border:1px solid var(--edge);border-radius:8px;padding:12px;font-family:IBM Plex Mono,Consolas,monospace;font-size:.85rem;line-height:1.4}.buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 14px;cursor:pointer}button:hover{opacity:.92}.status{margin-top:12px;font-size:.9rem}.runtime-actions{display:flex;gap:8px;flex-wrap:wrap}.runtime-actions button{font-size:.78rem;padding:7px 10px}.runtime-state{margin:10px 0 0;padding:10px;border:1px solid var(--edge);border-radius:8px;background:#fff;font-size:.8rem;line-height:1.45;font-family:IBM Plex Mono,Consolas,monospace}.event-log-wrap{margin-top:10px;border:1px solid var(--edge);border-radius:8px;background:#fff;padding:10px}.event-log-actions{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.event-log-actions button{font-size:.75rem;padding:6px 10px}.event-export-label{font-size:.78rem;align-self:center}#event-log-export-format{border:1px solid var(--edge);border-radius:8px;background:#fff;font-size:.78rem;padding:6px 8px}.event-log-wrap.is-collapsed #event-log-body{display:none}.event-log{margin:0;min-height:130px;max-height:220px;overflow:auto;border:1px solid var(--edge);border-radius:8px;padding:10px;background:#fcfcfc;font-size:.77rem;line-height:1.45;font-family:IBM Plex Mono,Consolas,monospace}.trace-wrap{margin-top:10px;border:1px solid var(--edge);border-radius:8px;background:#fff;padding:10px}.trace-wrap.is-collapsed #trace-body{display:none}#wap-screen{width:100%;height:auto;background:#fdfdfd;border:2px solid #303030;border-radius:8px}@media(max-width:900px){.page{grid-template-columns:1fr}}