:root{--bg:#0e0f12;--panel:#16181d;--panel-2:#1c1f26;--line:#272b34;--ink:#e8e9ec;--dim:#9aa0ac;--faint:#6b7280;--stop:#f2b544;--deny:#f2685c;--go:#5fcf8e;--accent:#7aa2f7;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);word-break:keep-all;margin:0;font:15px/1.65 -apple-system,BlinkMacSystemFont,Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}code,pre{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.86em}.page{flex-direction:column;gap:20px;max-width:1120px;margin:0 auto;padding:32px 24px 64px;display:flex}.head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.brand{align-items:center;gap:14px;display:flex}.mark{background:var(--stop);color:#17181c;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;font-size:19px;display:grid}.head h1{letter-spacing:-.01em;margin:0;font-size:21px}.head p{color:var(--dim);margin:2px 0 0;font-size:14px}.scenarios{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.scenario{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);cursor:pointer;flex-direction:column;gap:4px;padding:13px 15px;transition:border-color .15s,background .15s;display:flex}.scenario:hover:not(:disabled){border-color:#3a404d}.scenario.on{border-color:var(--accent);background:var(--panel-2)}.scenario:disabled{opacity:.55;cursor:default}.scenario strong{font-size:14px;font-weight:600}.scenario span{color:var(--faint);font-size:12.5px}.controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:9px 16px}.primary{background:var(--accent);color:#10131a;font-weight:600}.primary:disabled{opacity:.45;cursor:default}.ghost{border-color:var(--line);color:var(--dim);background:0 0}.ghost:hover{color:var(--ink);border-color:#3a404d}.tally{color:var(--dim);font-size:13.5px}.tally b{color:var(--stop)}.panes{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.pane{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:380px;padding:16px 18px 18px}.pane h2{letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin:0 0 12px;font-size:12px;font-weight:600}.empty{color:var(--dim);flex-direction:column;gap:6px;font-size:13.5px;display:flex}.empty p{margin:0}.empty .hint{color:var(--faint);margin-top:6px}.stream{flex-direction:column;gap:9px;display:flex}.bubble{border-radius:10px;margin:0;padding:10px 13px;font-size:14px}.bubble.user{color:#cfd8f5;background:#23283a;align-self:flex-end;max-width:85%}.bubble.agent{background:var(--panel-2)}.bubble.tool{border:1px dashed var(--line);background:0 0;flex-direction:column;gap:3px;display:flex}.bubble.tool code{color:var(--accent)}.bubble.tool span{color:var(--faint);word-break:break-all;font-size:12px}.timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ev{color:var(--dim);gap:11px;padding:5px 0;font-size:13.5px;display:flex}.ev .seq{color:#4b515e;font-variant-numeric:tabular-nums;flex:none}.ev.proposed .body{color:var(--ink)}.ev.approval_requested .body{color:var(--stop);font-weight:600}.ev.blocked .body{color:var(--deny);font-weight:600}.ev.rejected .body{color:var(--deny)}.ev.approved .body{color:var(--go)}.ev.note .body{color:var(--faint)}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#060709bd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.card{background:var(--panel);border:1px solid var(--stop);border-radius:14px;width:min(560px,100%);max-height:86vh;padding:22px 24px;overflow:auto;box-shadow:0 24px 60px #00000080}.card.danger{border-color:var(--deny)}.card header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.card h3{margin:0;font-size:18px}.badge{background:var(--stop);color:#17181c;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.card.danger .badge{background:var(--deny);color:#1a0f0e}.card dl{flex-direction:column;gap:13px;margin:0;display:flex}.card dt{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:600}.card dd{margin:4px 0 0}.card dd code{color:var(--accent);font-size:14px}.card ul{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.card li{font-size:13.5px;line-height:1.55}.card li em{color:#545a66;margin-top:1px;font-size:11.5px;font-style:normal;display:block}.rule-link{color:var(--accent);text-align:left;cursor:pointer;background:0 0;border:none;margin-top:2px;padding:0;font-size:11.5px;display:block}.rule-link:hover{text-decoration:underline}.fields{flex-direction:column;gap:6px;display:flex}.field{border:1px solid var(--line);background:#101216;border-radius:9px;padding:8px 11px}.field .k{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;font-size:11px;display:block}.field .v{color:var(--ink);white-space:pre-wrap;word-break:break-all;background:0 0;border:none;max-height:170px;margin:3px 0 0;padding:0;overflow:auto}.sev{text-transform:uppercase;color:var(--dim);background:#2c313c;border-radius:4px;margin-right:7px;padding:1px 6px;font-size:10.5px;font-weight:700;display:inline-block}.sev.high{color:#f2857a;background:#3a1f1d}.card pre{border:1px solid var(--line);color:var(--dim);background:#101216;border-radius:9px;max-height:190px;margin:0;padding:11px 13px;overflow-x:auto}.actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.approve{background:var(--go);color:#0d1a12;font-weight:600}.reject{border-color:var(--deny);color:var(--deny);background:0 0;font-weight:600}.actions select{font:inherit;background:var(--panel-2);color:var(--ink);border:1px solid var(--line);border-radius:9px;flex:200px;padding:8px 10px;font-size:13.5px}.replay{text-align:right;color:var(--faint);margin:18px 0 0;font-size:13px}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(760px,100%);max-height:84vh;padding:22px 24px;overflow:auto}.sheet header{justify-content:space-between;align-items:center;display:flex}.sheet h3{margin:0;font-size:17px}.lede{color:var(--dim);margin:6px 0 14px;font-size:13.5px}.sheet pre{border:1px solid var(--line);color:#b9c0cc;background:#101216;border-radius:10px;margin:0;padding:16px;line-height:1.6;overflow-x:auto}.sheet pre .hl{color:#f3e2b3;background:#2a2412;display:block;box-shadow:-16px 0 #2a2412,16px 0 #2a2412}.foot{border-top:1px solid var(--line);color:var(--faint);max-width:68ch;margin-top:8px;padding-top:16px;font-size:12.5px}@media (width<=860px){.panes,.scenarios{grid-template-columns:1fr}.page{padding:24px 16px 48px}}