:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1f232c;--border: #2a2f3a;--text: #e7e9ee;--text-dim: #a9b0be;--primary: #6c8dff;--primary-text: #0b0d12;--error: #ff8a8a;--accent: #52d29a;--warn: #f2c14e;--radius: 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}code{background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:.92em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app{display:flex;flex-direction:column;height:100vh;max-width:1280px;margin:0 auto;padding:0 20px}.app__header{padding:20px 0 12px;border-bottom:1px solid var(--border)}.app__header h1{font-size:20px;margin:0 0 6px}.app__subtitle{margin:0;color:var(--text-dim);font-size:13px;max-width:820px;line-height:1.5}.banner{padding:10px 14px;border-radius:var(--radius);margin:12px 0;font-size:13px}.banner--error{background:#ff6b6b1f;color:var(--error);border:1px solid rgba(255,107,107,.35)}.layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;padding:16px 0 20px;min-height:0}.pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.pane__messages{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.sidebar{display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto}.side{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.side h2{margin:0 0 8px;font-size:14px}.side__hint{margin:0 0 8px;color:var(--text-dim);font-size:12.5px;line-height:1.5}.how{margin:0;padding-left:18px;color:var(--text-dim);font-size:12.5px;line-height:1.55}.how li+li{margin-top:6px}.scenarios{padding:12px 16px;border-bottom:1px solid var(--border)}.scenarios__title{margin:0 0 8px;font-size:13px}.scenarios__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.scenario{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:8px 10px;cursor:pointer}.scenario:hover:not(:disabled){border-color:var(--primary)}.scenario:disabled{opacity:.5;cursor:not-allowed}.scenario__label{font-size:13px;font-weight:600}.scenario__outcome{font-size:12px;color:var(--text-dim)}.bubble{max-width:92%;padding:10px 14px;border-radius:var(--radius);font-size:15px;line-height:1.5;white-space:pre-wrap}.bubble--user{align-self:flex-end;background:var(--primary);color:var(--primary-text)}.bubble--agent{align-self:flex-start;background:var(--surface-2);border:1px solid var(--border)}.bubble--status{align-self:flex-start;color:var(--text-dim);font-style:italic;font-size:12.5px;padding:4px 14px}.bubble--activity{align-self:flex-start;background:#6c8dff1a;border:1px solid rgba(108,141,255,.35);color:var(--primary);font-size:12.5px}.bubble--error{align-self:flex-start;background:#fff7ed;border:1px solid #fcd34d;color:#92400e}.bubble__detail{margin:6px 0 0;padding:6px 8px;max-height:140px;overflow-y:auto;background:var(--surface-2);border-radius:6px;font-size:11.5px;color:var(--text-dim);white-space:pre-wrap}.card{align-self:flex-start;width:min(92%,520px);margin:0;padding:10px 14px;border-radius:var(--radius);font-size:13px;line-height:1.5}.card--approval{background:#f2c14e14;border:1px solid rgba(242,193,78,.45)}.card--denied{background:#ff6b6b14;border:1px solid rgba(255,107,107,.45)}.card--masked{background:#52d29a14;border:1px solid rgba(82,210,154,.4)}.card__title{margin:0 0 6px;font-size:14px}.card__text{margin:0 0 6px}.card__meta{margin:0 0 6px;color:var(--text-dim);font-size:12px}.card__args{margin:0 0 8px;padding:8px;max-height:140px;overflow:auto;background:var(--surface-2);border-radius:6px;font-size:11.5px}.card__status{margin:0 0 8px;font-weight:600}.card__error{margin:6px 0 0;color:var(--error);font-size:12.5px}.card__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.card__actions input{flex:1;min-width:140px}.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700}.badge--denied{background:#ff6b6b33;color:var(--error)}.badge--masked{background:#52d29a33;color:var(--accent)}.approval-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.approval-row{border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface-2)}.approval-row__title{margin:0 0 6px;font-weight:600;font-size:13px}.approval-row>input{width:100%;margin-bottom:8px}.approver-form{display:flex;flex-direction:column;gap:8px}.approver-form label{font-size:12.5px;color:var(--text-dim)}input[type=text],input[type=password]{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 40%,transparent);color:var(--text);padding:8px 10px;border-radius:8px;font-size:13px}.cursor{display:inline-block;width:2px;height:14px;margin-left:2px;vertical-align:-2px;background:var(--accent);animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.composer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.composer input{flex:1;min-width:0;padding:12px 14px;font-size:15px;border-radius:var(--radius)}.btn{border:none;border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer}.btn--primary{background:var(--primary);color:var(--primary-text);font-weight:600}.btn--secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn:disabled{opacity:.45;cursor:not-allowed}.link{border:none;background:none;padding:0;color:var(--primary);font:inherit;text-decoration:underline;cursor:pointer}.bubble--error .link{color:inherit}.code-fence{margin:10px 0;max-width:100%;overflow:hidden;border:1px solid var(--border);border-radius:8px;white-space:normal;font-size:12px}.code-fence__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border);background:var(--surface)}.code-fence__lang{font-family:SF Mono,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.code-fence__copy{border:none;background:transparent;padding:0;color:var(--text-dim);font-size:10px;cursor:pointer}.code-fence__copy:hover{color:var(--text)}.code-fence__body{margin:0;overflow-x:auto;white-space:pre;padding:12px;background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--text);font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.55}.code-fence__body code{background:transparent;padding:0;border-radius:0;font-size:inherit}@media (max-width: 900px){.app{height:auto}.layout{grid-template-columns:minmax(0,1fr)}.pane{min-height:70vh}}