.media-stage{position:relative;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-control);background:linear-gradient(180deg,#151c28eb,#070a10fa),var(--color-panel);box-shadow:var(--shadow-brand)}.media-chrome{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--color-line);padding:.75rem .875rem}.chrome-dot{display:block;width:.56rem;height:.56rem;border-radius:999px}.media-body{position:relative;padding:clamp(.8rem,2vw,1rem);isolation:isolate}.liquid-shadow{position:absolute;inset:7% 4% 4%;z-index:0;border-radius:38% 28% 42% 30%;background:conic-gradient(from 110deg,#2563eb47,#b59df73d,#67d7a22e,#2563eb47),linear-gradient(135deg,#2563eb29,#67d7a214);filter:blur(30px) saturate(1.2);opacity:.82;transform:translateZ(0);animation:liquidShift 18s ease-in-out infinite}.grain-layer{position:absolute;inset:0;z-index:1;background:linear-gradient(var(--color-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-line) 1px,transparent 1px);background-size:3.25rem 3.25rem;-webkit-mask-image:radial-gradient(circle at 48% 42%,black,transparent 72%);mask-image:radial-gradient(circle at 48% 42%,black,transparent 72%);opacity:.22}.media-frame{position:relative;z-index:2;aspect-ratio:1255 / 911;width:100%;overflow:hidden;border:1px solid rgb(188 199 214 / .16);border-radius:var(--radius-control);background:#070a10d1;box-shadow:0 24px 80px #0000006b,0 0 0 1px #ffffff08 inset}.media-slide{position:absolute;inset:0;margin:0;opacity:0;transform:translate(.6rem) scale(1.005);animation-duration:var(--cycle-duration);animation-iteration-count:infinite;animation-timing-function:linear;will-change:opacity,transform}.media-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:.96}@keyframes liquidShift{0%,to{border-radius:28% 42% 34% 46%;transform:translate3d(-1.2rem,.4rem,0) rotate(-2deg) scale(1)}50%{border-radius:42% 30% 46% 34%;transform:translate3d(1.1rem,-.7rem,0) rotate(3deg) scale(1.04)}}@media(prefers-reduced-motion:reduce){.liquid-shadow,.media-slide{animation:none}.media-slide:first-child{opacity:1;transform:none}}.agent-loop-media{position:relative;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-control);background:linear-gradient(180deg,#151c28eb,#070a10fa),var(--color-panel);box-shadow:var(--shadow-brand)}.agent-loop-media-chrome{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--color-line);padding:.75rem .875rem}.agent-loop-dot{display:block;width:.56rem;height:.56rem;border-radius:999px}.agent-loop-media-body{position:relative;padding:clamp(.8rem,2vw,1rem);isolation:isolate}.agent-loop-liquid{position:absolute;inset:7% 4% 4%;z-index:0;border-radius:42% 30% 46% 34%;background:conic-gradient(from 120deg,#2563eb3d,#67d7a233,#b59df72e,#2563eb3d),linear-gradient(135deg,#2563eb24,#67d7a214);filter:blur(30px) saturate(1.15);opacity:.82;transform:translateZ(0);animation:agentLoopLiquidShift 18s ease-in-out infinite}.agent-loop-grain{position:absolute;inset:0;z-index:1;background:linear-gradient(var(--color-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-line) 1px,transparent 1px);background-size:3.25rem 3.25rem;-webkit-mask-image:radial-gradient(circle at 48% 42%,black,transparent 72%);mask-image:radial-gradient(circle at 48% 42%,black,transparent 72%);opacity:.2}.agent-loop-frame{position:relative;z-index:2;aspect-ratio:4 / 3;width:100%;overflow:hidden;border:1px solid rgb(188 199 214 / .16);border-radius:var(--radius-control);background:#070a10d1;box-shadow:0 24px 80px #0000006b,0 0 0 1px #ffffff08 inset}.agent-loop-slide{position:absolute;inset:0;margin:0;opacity:0;transform:translate(.6rem) scale(1.005);animation-duration:var(--agent-loop-cycle-duration);animation-iteration-count:infinite;animation-timing-function:linear;will-change:opacity,transform}.agent-loop-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;opacity:.96}@keyframes agentLoopLiquidShift{0%,to{border-radius:28% 42% 34% 46%;transform:translate3d(-1.2rem,.4rem,0) rotate(-2deg) scale(1)}50%{border-radius:42% 30% 46% 34%;transform:translate3d(1.1rem,-.7rem,0) rotate(3deg) scale(1.04)}}@media(prefers-reduced-motion:reduce){.agent-loop-liquid,.agent-loop-slide{animation:none}.agent-loop-slide:first-child{opacity:1;transform:none}}