:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f4ee;--bg-accent:#efe7dc;--panel:#fff;--ink:#141414;--muted:#5c5c5c;--border:#1414141f;--accent:#ff6a3d;--accent-ink:#1a0c08;--soft:#ff6a3d26;--shadow:0 12px 30px #14141414;font-family:Space Grotesk,SF Pro Text,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 10%,#ffa07a59,transparent 55%),radial-gradient(circle at 85% 15%,#ffd8b680,transparent 50%),var(--bg);margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app{flex-direction:column;min-height:100vh;display:flex}.page{flex-direction:column;gap:32px;width:min(1100px,92vw);margin:0 auto;padding:48px 0 72px;display:flex}.hero{flex-direction:column;gap:12px;display:flex}.hero-title{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,2.8vw + 1rem,3.2rem);font-weight:700}.hero-subtitle{color:var(--muted);margin:0;font-size:1rem}.badge{background:var(--soft);color:var(--accent-ink);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:.8rem;font-weight:600}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:24px}.panel h2{letter-spacing:.01em;margin:0 0 16px;font-size:1.1rem}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.field{flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.75rem}.input{border:1px solid var(--border);color:var(--ink);background:#faf9f7;border-radius:12px;padding:10px 12px}.input:focus{border-color:var(--accent);outline:2px solid #ff6a3d59}.input:disabled{cursor:not-allowed;opacity:.65}.textarea{resize:vertical;min-height:90px}.button{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:10px 18px;font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #ff6a3d40}.button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.button.secondary{color:var(--ink);border-color:var(--border);box-shadow:none;background:#fff}.button.ghost{border-color:var(--border);color:var(--ink);background:0 0}.button.ghost.danger{color:#b91c1c;border-color:#dc262659}.button.ghost.tiny{padding:6px 12px;font-size:.75rem}.pill{background:var(--bg-accent);color:var(--accent-ink);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}.pill.toggle{cursor:pointer;border:1px solid #0000}.pill.toggle.active{background:#ff6a3d33;border-color:#ff6a3d66}.status{align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.status-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.status-dot.ok{background:#16a34a}.status-dot.warn{background:#f97316}.status-dot.error{background:#dc2626}.list{flex-direction:column;gap:10px;display:flex}.participant{border:1px solid var(--border);background:#fbfaf8;border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.participant-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.participant-name{font-weight:600}.muted{color:var(--muted);font-size:.9rem}.divider{background:var(--border);height:1px;margin:8px 0}.alert{color:var(--accent-ink);background:#ff6a3d1a;border:1px solid #ff6a3d4d;border-radius:14px;padding:12px 16px;font-size:.9rem}.panel.wide{grid-column:1/-1}.log-panel{color:#f4f0ea;background:linear-gradient(140deg,#14100c,#1f1914);border-color:#ffffff1f}.log-panel .label,.log-panel .muted{color:#f4f0eab3}.log-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.log-filters{gap:8px}.log-stream{flex-direction:column;gap:10px;max-height:360px;margin-top:16px;padding-right:6px;display:flex;overflow-y:auto}.log-entry{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:auto auto 1fr;align-items:start;gap:12px;padding:12px 14px;display:grid}.log-entry.warn{border-color:#facc1566}.log-entry.error{border-color:#ef444473}.log-entry.event{border-color:#6366f166}.log-entry.state{border-color:#10b98173}.log-entry.action{border-color:#f8717173}.log-time{font-variant-numeric:tabular-nums;opacity:.7;font-size:.75rem}.log-tag{text-transform:uppercase;letter-spacing:.08em;background:#ffffff1f;border-radius:999px;padding:2px 6px;font-size:.7rem}.log-tag.warn{color:#fde68a;background:#facc1533}.log-tag.error{color:#fecaca;background:#ef444433}.log-tag.event{color:#c7d2fe;background:#6366f133}.log-tag.state{color:#bbf7d0;background:#10b98133}.log-tag.action{color:#fee2e2;background:#f8717140}.log-message{flex-direction:column;gap:4px;display:flex}.log-label{font-weight:600}.log-detail{color:#f4f0eab8;font-size:.9rem}.segmented{background:var(--bg-accent);border-radius:999px;gap:6px;margin-bottom:16px;padding:6px;display:inline-flex}.segment{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:6px 14px;font-weight:600}.segment.active{border-color:var(--border);background:#fff}.code-block{color:#f4f0ea;background:#111;border-radius:16px;max-height:360px;margin:0;padding:16px;font-size:.78rem;overflow-x:auto}.details{margin-top:12px}.details summary{cursor:pointer;margin-bottom:8px;font-weight:600}@media (width<=720px){.page{padding:32px 0 48px}.row{flex-direction:column;align-items:stretch}.log-entry{grid-template-columns:1fr}}