.show{background:var(--ink);color:var(--paper);border-radius:24px;padding:56px;display:grid;grid-template-columns:1fr 1.4fr;gap:56px;align-items:center;overflow:hidden;position:relative}.show::before{content:"";position:absolute;inset:auto -200px -200px auto;width:560px;height:560px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,90,31,.22),transparent 70%);pointer-events:none}.show .copy h3{font-family:var(--f-display);font-size:42px;letter-spacing:-0.035em;line-height:1.02;margin:14px 0 18px;font-weight:600;text-wrap:balance}.show .copy h3 em{font-family:var(--f-serif);font-style:italic;font-weight:500}.show .copy p{font-size:16px;line-height:1.55;color:rgba(247,246,242,.78);margin:0 0 24px;max-width:48ch}.show .copy .row{display:flex;gap:10px;flex-wrap:wrap}.show .copy .eyebrow.live{display:inline-flex;align-items:center;gap:8px;color:rgba(247,246,242,.6)}.show .copy .eyebrow.live .pulse{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 0 rgba(255,90,31,.55);animation:adPulse 1.6s ease-out infinite}@keyframes adPulse{0%{box-shadow:0 0 0 0 rgba(255,90,31,.55)}70%{box-shadow:0 0 0 9px rgba(255,90,31,0)}100%{box-shadow:0 0 0 0 rgba(255,90,31,0)}}.ui{background:#06070A;border:1px solid rgba(247,246,242,.08);border-radius:14px;overflow:hidden;position:relative;z-index:1}.ui-bar{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid rgba(247,246,242,.07);font-family:var(--f-mono);font-size:11px;color:rgba(247,246,242,.55)}.ui-bar .dots{display:flex;gap:6px}.ui-bar .dots span{width:9px;height:9px;border-radius:50%;background:rgba(247,246,242,.16)}.ui-bar .live-tag{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(247,246,242,.55)}.ui-bar .live-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 0 rgba(255,90,31,.55);animation:adPulse 1.6s ease-out infinite}.ui-body{display:grid;grid-template-columns:170px 1fr;min-height:420px}.ui-side{padding:16px;border-right:1px solid rgba(247,246,242,.07);display:flex;flex-direction:column;gap:4px;position:relative}.ui-side .label{font-family:var(--f-mono);font-size:9.5px;color:rgba(247,246,242,.4);letter-spacing:.12em;text-transform:uppercase;margin:10px 0 4px}.ui-side .item{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:6px;font-size:12.5px;color:rgba(247,246,242,.72);position:relative;transition:color .25s ease,background-color .25s ease;cursor:default}.ui-side .item .d{width:6px;height:6px;border-radius:50%;background:rgba(247,246,242,.3);transition:background-color .25s ease,transform .25s ease}.ui-side .item.active{background:rgba(255,90,31,.16);color:#fff}.ui-side .item.active .d{background:var(--coral);transform:scale(1.15)}.ui-side .selector{position:absolute;left:8px;right:8px;height:30px;background:rgba(255,90,31,.18);border-radius:6px;pointer-events:none;transition:transform .55s cubic-bezier(.4,.0,.2,1),opacity .25s ease;opacity:0;z-index:0}.ui-side .item{z-index:1}.ui-side.has-selector .item.active{background:transparent}.ui-main{padding:18px;display:flex;flex-direction:column;gap:10px;position:relative;min-height:0}.ui-main .log-stack{display:flex;flex-direction:column;gap:10px;flex:1}.ui-main .log-foot{margin-top:14px;padding-top:12px;border-top:1px solid rgba(247,246,242,.07);display:flex;justify-content:space-between;align-items:center;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;color:rgba(247,246,242,.5)}.ui-main .log-foot .counter{color:rgba(247,246,242,.75)}.agent{background:rgba(247,246,242,.035);border:1px solid rgba(247,246,242,.06);border-radius:10px;padding:14px;display:flex;gap:12px;align-items:flex-start;position:relative;overflow:hidden}.agent .av{width:28px;height:28px;border-radius:7px;background:var(--coral);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 28px}.agent .av svg{width:14px;height:14px}.agent .av.green{background:#0F7A4A}.agent .av.blue{background:#1F36D9}.agent .av.violet{background:#6A2BD9}.agent .av.amber{background:#B8731B}.agent .body-wrap{flex:1;min-width:0}.agent .head-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:0}.agent .name{font-size:12.5px;font-weight:600;color:#fff;letter-spacing:-0.01em}.agent .tag{font-family:var(--f-mono);font-size:10px;color:var(--coral);letter-spacing:.08em;text-transform:uppercase;margin-left:8px;transition:opacity .25s ease}.agent .body{font-size:12.5px;line-height:1.55;color:rgba(247,246,242,.75);margin-top:4px;min-height:1.55em}.agent .actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;min-height:18px}.chip{font-family:var(--f-mono);font-size:10px;letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:rgba(247,246,242,.06);color:rgba(247,246,242,.78);opacity:0;transform:translateY(2px);transition:opacity .35s ease,transform .35s ease}.chip.visible{opacity:1;transform:none}.chip.accent{background:rgba(255,90,31,.22);color:#FFD9C7}.agent .progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:rgba(247,246,242,.05);overflow:hidden;opacity:0;transition:opacity .25s ease}.agent .progress .bar{display:block;height:100%;width:0%;background:linear-gradient(90deg,rgba(255,90,31,.0),var(--coral),rgba(255,90,31,.0));background-size:200% 100%;animation:adShimmer 1.4s linear infinite;transition:width .8s cubic-bezier(.4,.0,.2,1)}.agent.executing .progress{opacity:1}@keyframes adShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.agent.entering{opacity:0;transform:translateY(14px) scale(.985);animation:adSlideIn .35s cubic-bezier(.2,.7,.3,1) forwards}@keyframes adSlideIn{to{opacity:1;transform:none}}.agent.leaving{animation:adSlideOut .3s cubic-bezier(.4,.0,.6,1) forwards}@keyframes adSlideOut{to{opacity:0;transform:translateY(-8px) scale(.99)}}.agent .cursor{display:inline-block;width:7px;height:1em;vertical-align:-2px;margin-left:2px;background:var(--coral);animation:adCursor 1s steps(2) infinite}@keyframes adCursor{0%,50%{opacity:1}50.01%,100%{opacity:0}}.agent.done .cursor{display:none}.ui-main .workflow-bar{display:flex;align-items:center;justify-content:space-between;padding:0 2px 4px;margin-bottom:4px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(247,246,242,.45)}.ui-main .workflow-bar .wf-name{color:rgba(247,246,242,.7);transition:color .3s ease}.ui-main .workflow-bar .wf-name .accent{color:var(--coral)}@media (max-width:900px){.show{grid-template-columns:1fr;padding:36px;gap:36px}.show .copy h3{font-size:34px}.ui-body{grid-template-columns:1fr;min-height:480px}.ui-side{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid rgba(247,246,242,.07);padding:10px 12px;gap:6px}.ui-side .label{display:none}.ui-side .item{flex:0 0 auto;padding:6px 11px;border-radius:999px;border:1px solid rgba(247,246,242,.08);white-space:nowrap}.ui-side .item .d{display:none}.ui-side .selector{display:none}.ui-side .item.active{background:rgba(255,90,31,.18);border-color:rgba(255,90,31,.4)}.ui-side.has-selector .item.active{background:rgba(255,90,31,.18)}}@media (max-width:560px){.show{padding:28px;border-radius:18px}.show .copy h3{font-size:28px}}@media (prefers-reduced-motion:reduce){.show .copy .eyebrow.live .pulse,.ui-bar .live-tag .dot{animation:none}.agent .progress{display:none}.agent .cursor{display:none}.agent.entering{animation:none;opacity:1;transform:none}.agent.leaving{animation:none;opacity:1}.chip{opacity:1;transform:none;transition:none}.ui-side .selector{transition:none}.ui-side .item,.ui-side .item .d{transition:none}}[data-theme="dark"] .show{color:#F4F1EA}[data-theme="dark"] .show .copy h3,[data-theme="dark"] .show .copy h3 em{color:#F4F1EA}[data-theme="dark"] .show .copy p{color:rgba(247,246,242,.78)}[data-theme="dark"] .show .copy .eyebrow.live{color:rgba(247,246,242,.6)}