@property --hero-run-alert{syntax:"<color>";inherits:true;initial-value:#0000}.hero-run{background:#07060e;border-radius:16px;position:relative;box-shadow:0 0 0 1px #b68bff1a,0 40px 90px -50px #000000f2}.hero-run.scanlines:after{mix-blend-mode:normal}.hero-run:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--hero-run-alert), inset 0 -70px 80px -70px var(--hero-run-alert);transition:--hero-run-alert .5s;position:absolute;inset:0}.hero-run[data-alert=block]{--hero-run-alert:#ff5d6c8c}.hero-run[data-alert=warn]{--hero-run-alert:#f6b04a80}.hero-run-head{flex-wrap:nowrap;gap:8px;min-width:0;padding:12px 18px;overflow:hidden}.hero-run-agent{font-family:var(--font-sans);color:#efeaf8;white-space:nowrap;align-items:center;gap:8px;margin-left:8px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.hero-run-agent img{object-fit:contain;flex:none;width:16px;height:16px;display:block}.hero-run-agent img[data-wide]{width:26px}.hero-run-view{height:min(56vh,500px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 16px);mask-image:linear-gradient(#0000 0,#000 16px)}.hero-run-log{will-change:transform;padding:20px 24px 24px;font-size:13.5px;line-height:1.6;transition:transform .26s cubic-bezier(.22,.61,.36,1),opacity .38s}.hero-run-log>div+div{margin-top:5px}.hero-run-log.is-leaving{opacity:0}.hero-run-input{padding:10px 24px}.hero-run-foot{padding:9px 24px 11px;font-size:11px}@media (max-width:900px){.hero-run-view{height:min(32vh,280px)}.hero-run-log{padding:14px 16px 18px;font-size:12px}.hero-run-input,.hero-run-foot{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){.hero-run:before,.hero-run-log{transition:none}}
@property --hero-tile-alert{syntax:"<color>";inherits:true;initial-value:#0000}.hero-tile{width:100%;min-width:0;height:100%;font-size:var(--hero-tile-fs,11px);background:#0a0912;border-radius:1.2em;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #b68bff1a,0 1.6em 3.4em -2.4em #000000f2}.hero-tile:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--hero-tile-alert), inset 0 -3em 4em -3.4em var(--hero-tile-alert);transition:--hero-tile-alert .5s;position:absolute;inset:0}.hero-tile[data-alert=block]{--hero-tile-alert:#ff5d6c8c}.hero-tile[data-alert=warn]{--hero-tile-alert:#f6b04a80}.hero-tile-head{background:#11101c99;border-bottom:1px solid #b68bff14;flex:none;align-items:center;gap:.85em;height:2.85em;padding:0 1.1em;display:flex}.hero-tile-dots{flex:none;gap:.42em;display:inline-flex}.hero-tile-dots i{background:#ffffff21;border-radius:50%;width:.62em;height:.62em}.hero-tile-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-sans);color:#ddd6ec;font-size:1em;font-weight:600;overflow:hidden}.hero-tile-agent{font-family:var(--font-sans);color:#f4f0fb;white-space:nowrap;flex:none;align-items:center;gap:.45em;font-size:1em;font-weight:600;line-height:1;display:inline-flex}.hero-tile-agent img{object-fit:contain;flex:none;width:1.3em;height:1.3em;display:block}.hero-tile-agent img[data-wide]{width:2.08em}.hero-tile-agent+.hero-tile-title{color:#aba3bf;font-weight:500}.hero-tile-agent+.hero-tile-title:before{content:"·";color:#ffffff4d;margin-right:.55em}.hero-tile-view{flex:auto;min-height:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 .9em);mask-image:linear-gradient(#0000 0,#000 .9em)}.hero-tile-log{font-family:var(--font-mono);color:#cfc8e2;padding:1em 1.2em 1.1em;font-size:1em;line-height:1.58;transition:transform .3s cubic-bezier(.22,.61,.36,1)}.hero-tile-l{align-items:flex-start;gap:.62em;display:flex}.hero-tile-l+.hero-tile-l{margin-top:.28em}.hero-tile-l>i{flex:none;justify-content:center;align-items:center;width:1.46em;height:1.58em;font-style:normal;display:inline-flex}.hero-tile-mark{box-sizing:border-box;border-radius:.36em;justify-content:center;align-items:center;width:1.46em;height:1.46em;display:inline-flex}.hero-tile-mark img{object-fit:contain;width:.98em;height:.98em;display:block}.hero-tile-mark--agent{background:#f6a94a26;box-shadow:inset 0 0 0 1px #f6a94a6b,0 0 .8em -.15em #f6a94a66}.hero-tile-mark--cybe{background:#7b5bff2e;box-shadow:inset 0 0 0 1px #b68bff61,0 0 .8em -.15em #7b5bff8c}.hero-tile-l>span{overflow-wrap:anywhere;min-width:0}.hero-tile-l--branch,.hero-tile-l--code{padding-left:1.46em}.hero-tile-l--rewrite{padding-left:0}.hero-tile-l--prompt{color:#f1ecfa;font-weight:600}.hero-tile-l--prompt>i,.hero-tile-l--think>i{color:#f6a94a}.hero-tile-l--think{color:var(--fg-mute)}.hero-tile-l--claude>i{color:#f6a94a}.hero-tile-l--claude{color:#c9c2d8}.hero-tile-tool{color:#f6b466;font-weight:700}.hero-tile-args{color:#948da6}.hero-tile-l--mcp{color:#b9a6ec}.hero-tile-l--mcp>i{color:var(--violet)}.hero-tile-mcp{color:var(--violet);font-weight:700}.hero-tile-l--branch,.hero-tile-l--branch>i,.hero-tile-l--code>i{color:#8a839e}.hero-tile-chip{color:#c3b6ef;background:#7b5bff1f;border-radius:.36em;margin:0 .45em .18em 0;padding:0 .45em;font-size:.9em;line-height:1.5;display:inline-block;box-shadow:inset 0 0 0 1px #b68bff33}.hero-tile-l--code>span{color:#d6cfea;background:#ffffff08;border-left:2px solid #b68bff59;border-radius:0 .36em .36em 0;padding:0 .55em}.hero-tile-okmark{color:var(--mint);font-weight:700}.hero-tile-add{color:#4fe6b0;font-weight:700}.hero-tile-l--warn{color:#f6b04a}.hero-tile-l--block{color:var(--danger);font-weight:600}.hero-tile-l--hint{color:#948da6}.hero-tile-l--hint>i{color:var(--violet)}.hero-tile-l--ok{color:var(--mint);font-weight:600}@media (prefers-reduced-motion:reduce){.hero-tile:before,.hero-tile-log{transition:none}}
