.studio-replay{container-type:inline-size;position:relative;background:#141416}.studio-replay .chrome{align-items:center}.rp-toggle{margin-left:auto;display:grid;place-items:center;width:26px;height:26px;margin-block:-6px;border-radius:999px;border:1px solid var(--panel-rule);background:transparent;color:var(--on-panel-2);cursor:pointer}.rp-toggle:hover{color:#fff;border-color:rgba(255,255,255,.3)}.rp-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.rp-toggle svg{width:12px;height:12px}.rp-stage{transition:opacity .6s ease}.rp-stage.fade{opacity:0}.rp-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--panel-rule);font:500 11.5px/1 var(--f-body);color:var(--on-panel-2);min-width:0}.rp-tab{font-family:var(--f-mono);font-size:11px;color:#fff;padding:6px 9px;border:1px solid var(--panel-rule);border-radius:6px;white-space:nowrap}.rp-status{font:400 10.5px/1.2 var(--f-mono);color:var(--teal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;animation:rp-in .3s ease both}.rp-btn{padding:6px 9px;border-radius:6px;white-space:nowrap}.rp-btn:first-of-type{margin-left:auto}.rp-btn.on{color:#141416;background:#f2f1ee}.rp-btn.dim{background:rgba(255,255,255,.08)}.rp-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(200px,34%,320px);height:clamp(460px,62cqw,540px)}.rp-canvas{position:relative;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 0);background-size:16px 16px}.rp-edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.rp-edges path{fill:none;stroke-width:1.4}.rp-edges .draw{stroke:rgba(255,255,255,.32);stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .5s ease}.rp-edges .on .draw{stroke-dashoffset:0}.rp-edges .flow{stroke:var(--teal);stroke-width:1.8;stroke-dasharray:4 6;animation:rp-flow .9s linear infinite}@keyframes rp-flow{to{stroke-dashoffset:-20}}.rp-elabel{position:absolute;transform:translate(-50%,-50%);font:500 9.5px/1 var(--f-mono);letter-spacing:.04em;padding:4px 6px;border-radius:999px;background:#141416;border:1px solid var(--panel-rule);color:var(--on-panel-2);opacity:0;transition:opacity .4s ease .3s;white-space:nowrap}.rp-elabel.on{opacity:1}.rp-elabel.doubt{color:var(--amber)}.rp-node{position:absolute;transform:translate(-50%,-50%) translateY(6px) scale(.96);width:13.5%;min-width:84px;display:grid;gap:3px;padding:7px 8px;border-radius:10px;background:var(--panel-2);border:1px solid rgba(255,255,255,.18);opacity:0;transition:opacity .35s ease,transform .35s ease,border-color .3s ease,box-shadow .3s ease}.rp-canvas[data-layout=v] .rp-node{width:30%}.rp-node.on{opacity:1;transform:translate(-50%,-50%)}.rp-node .k{font:400 9px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-panel-3)}.rp-node b{font:500 11px/1.2 var(--f-body);color:#fff}.rp-node.trigger{border-color:rgba(139,209,207,.45)}.rp-node.person{border-color:rgba(233,180,76,.5)}.rp-node .chip{position:absolute;left:8px;bottom:0;transform:translateY(55%);max-width:calc(100% + 16px);font-size:9px;padding:3px 6px;background:#141416;overflow:hidden;text-overflow:ellipsis;animation:rp-fade .3s ease both}.rp-node[data-node=rev] .chip{left:auto;right:8px}.rp-node .tick{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--green);color:#141416;animation:rp-in .3s ease both}.rp-node .tick svg{width:10px;height:10px}.rp-node[data-state=run]{border-color:var(--teal);box-shadow:0 0 0 3px rgba(139,209,207,.16)}.rp-node[data-state=wait]{border-color:var(--amber);box-shadow:0 0 0 3px rgba(233,180,76,.18)}.rp-node[data-node=media][data-state=ok] .chip,.rp-node[data-node=risk] .chip,.rp-node[data-state=wait] .chip{color:var(--amber);border-color:rgba(233,180,76,.3)}.rp-chat{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--panel-rule);background:#18181b}.rp-chat-h{font:500 11.5px/1 var(--f-body);color:#fff;padding:11px 12px 9px}.rp-log{flex:1;mask-image:linear-gradient(180deg,transparent,#000 28px);min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:0 12px 10px}.rp-hello{margin:auto 0;display:grid;justify-items:center;gap:10px;text-align:center;font:500 12.5px/1.3 var(--f-body);color:#fff}.rp-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--panel-rule);font-weight:600}.rp-msg{flex:none;max-width:92%;padding:8px 10px;border-radius:12px;font:400 12px/1.45 var(--f-body);animation:rp-in .35s ease both}.rp-msg.user{align-self:flex-end;background:#f2f1ee;color:#141416;border-bottom-right-radius:4px}.rp-msg.studio{align-self:flex-start;background:var(--panel-2);color:var(--on-panel);border-bottom-left-radius:4px}.rp-plan{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:4px;counter-reset:p}.rp-plan li{counter-increment:p;display:grid;grid-template-columns:18px minmax(0,1fr);font-size:11.5px;color:var(--on-panel-2);animation:rp-in .3s ease both}.rp-plan li:before{content:counter(p,decimal-leading-zero);font:400 10px/1.7 var(--f-mono);color:var(--on-panel-3)}.rp-dots{display:flex;gap:4px;padding:11px 12px}.rp-dots i{width:5px;height:5px;border-radius:50%;background:var(--on-panel-2);animation:rp-dot 1s ease-in-out infinite}.rp-dots i:nth-child(2){animation-delay:.15s}.rp-dots i:nth-child(3){animation-delay:.3s}@keyframes rp-dot{50%{opacity:.3;transform:translateY(-2px)}}.rp-input{display:flex;align-items:center;gap:8px;margin:0 10px 10px;padding:6px 6px 6px 10px;border:1px solid var(--panel-rule);border-radius:8px;font:400 11.5px/1.35 var(--f-body)}.rp-input>span:first-child{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rp-input .ph{color:var(--on-panel-3)}.rp-input .typed{color:#fff;display:flex;justify-content:flex-end;text-overflow:clip}.rp-input .typed:after{content:"";display:inline-block;width:1px;height:1.1em;margin-left:1px;vertical-align:-.2em;background:#fff}.rp-send{flex:none;padding:6px 9px;border-radius:6px;background:#f2f1ee;color:#141416;font-weight:500}@keyframes rp-fade{0%{opacity:0}}@keyframes rp-in{0%{opacity:0;transform:translateY(4px)}}@container (max-width: 459px){.rp-body{grid-template-columns:1fr;grid-template-rows:auto 460px;height:auto}.rp-chat{order:-1;border-left:0;border-bottom:1px solid var(--panel-rule)}.rp-log{height:150px;flex:none}.rp-status{display:none}}@media (prefers-reduced-motion:reduce){.studio-replay *,.studio-replay :after,.studio-replay :before{animation:none!important;transition:none!important}}