.gx-agent{--gx-move:var(--ui-vt-duration) var(--ui-vt-curve);background:var(--ui-panel);flex-direction:column;display:flex}.gx-agent__view{aspect-ratio:16/10;background:var(--ui-ground);position:relative;overflow:clip}.gx-agent__win{transform-origin:0 0;opacity:0;transition:transform var(--gx-move), clip-path var(--gx-move), opacity var(--ui-dur-travel) var(--ui-ease);position:absolute;top:0;left:0}.gx-agent__view[data-ready]>.gx-agent__win{opacity:1}.gx-agent__poster{pointer-events:none;max-width:none;transition:opacity var(--ui-dur-travel) var(--ui-ease);position:absolute;top:50%;left:50%;translate:-50% -50%}.gx-agent__poster[data-hidden]{opacity:0}@container (max-width:860px){.gx-agent__poster{display:none}}.gx-agent__win iframe{border:0;width:100%;height:100%;display:block}.gx-agent__controls{justify-content:space-between;align-items:center;gap:var(--ui-space-3);padding:var(--ui-space-3);border-top:1px solid var(--ui-line);flex-wrap:wrap;display:flex}.gx-agent__side{align-items:center;gap:var(--ui-space-4);flex-wrap:wrap;display:inline-flex}.gx-agent__spec{align-items:center;gap:var(--ui-space-2);color:var(--ui-muted);font:var(--ui-type-label);cursor:pointer;display:inline-flex}.gx-spec{pointer-events:none;position:absolute;inset:0}.gx-spec>*,.gx-spec>*>*{transition:translate var(--gx-move), width var(--gx-move), height var(--gx-move);animation:gx-spec-in var(--ui-dur-travel) var(--ui-ease) backwards;position:absolute;top:0;left:0}.gx-spec__box{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ui-accent) 55%, transparent);border-radius:calc(var(--ui-radius-sm) - 2px);background:color-mix(in oklab, var(--ui-accent) 4%, transparent)}.gx-spec__box[data-whole]{box-shadow:0 0 0 1px var(--ui-accent), 0 0 0 100vmax color-mix(in oklab, var(--ui-panel) 82%, transparent);background:0 0}.gx-spec__lead{background:color-mix(in oklab, var(--ui-accent) 55%, transparent);width:1px}.gx-spec__chip{align-items:center;gap:var(--ui-space-2);height:24px;padding:0 var(--ui-space-2);border-radius:var(--ui-radius-full);background:var(--ui-raised);box-shadow:var(--ui-shadow-hairline);color:var(--ui-ink);font:var(--ui-type-label);white-space:nowrap;display:inline-flex}.gx-spec__swatch{width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--ui-ring);border-radius:50%;animation:none;position:static}.gx-spec__size{padding-inline:var(--ui-space-2);color:var(--ui-muted);font-variant-numeric:tabular-nums;transform:translate(-50%)}@keyframes gx-spec-in{0%{opacity:0}}@media (max-width:640px){.gx-agent__view{aspect-ratio:4/5}.gx-agent__controls{justify-content:center}.gx-agent__controls>.ui-segmented{flex-wrap:wrap;justify-content:center;overflow:visible;-webkit-mask-image:none;mask-image:none}.gx-agent__side{justify-content:center}}@media (pointer:coarse){.gx-agent__spec .gx-bento__switch:after{content:"";position:absolute;inset:calc(50% - 22px)}}@media (prefers-reduced-motion:reduce){.gx-agent__poster,.gx-agent__win,.gx-spec>*,.gx-spec>*>*{transition:none;animation:none}}